sonucgn.files.wordpress.com · web viewskill sets known:
TRANSCRIPT
16F41A0540
STUDENT BIODATA
<!DOCTYPE html>
<html>
<head><title> biodata</title>
</head>
<body>
<h1 align ="center" > Student Bio data</h1>
<h4 align ="center" > 16F41A0540</h4>
<center>
<form action="welcome.html" method="POST" name="f1">
Name: <input type="text" name="F"/><br/><br/>
Address: <textarea name="add"></textarea><br/></br>
Gender: <input type="radio" name="gen"
value="F"/>F <input type="radio" name="gen"
value="M"/>M <input type="radio" name="gen"
value="others"/>Others<br/><br/>
Skill sets known: <input type="checkbox" name="skill"
value="C"/>C <input type="checkbox" name="skill"
value="C++"/>C++ <input type="checkbox" name="skill"
value="Java"/> Java <input type="checkbox" name="skill"
value="Python"/> Python <input type="checkbox"
name="skill" value="Android"/> Android<br/><br/>
Extra Curricular Activity: <input type="text"
name="N4"/><br/><br/>
16F41A0540
Nationality:<select name="N" ><option name="N" value="Indian">
Indian</option> <option name="N"
value="American">America</option>
<option name="N" value="African">
African</option></select><br/><br/>
<input type="Submit" value="Submit"/> <input
type="Reset" value="Reset"/>
</form>
</center>
</body>
</html>
16F41A0540
Output:-
16F41A0540
INLINE CSS:-
<html>
<head><title>inline</title></head>
<body style="background-color:tomato">
<h1>16F41A0545</h1>
<p style="size:20px; color:blue;">This is inline</p>
</body>
</html>
Output:-
16F41A0540
EXTERNAL CSS:-
<html>
<head><title>external</title>
<link rel="stylesheet" type="text/css" href="home.css">
</head>
<body>
<h1>16F41A0540</h1>
<p>Paragraph</p>
</body>
</html>
Output:-
16F41A0540
Exception handling
<html>
<head>
<h1>16F41A0540</h1>
<script type="text/javascript" language="javascript">
function InputException(msg)
{
this.val = msg;
this.toString = function()
{
return "Input Exception in = "+this.val;
}
}
function AreLetters(msg)
{
var input = msg;
var re = new RegExp("[^a-zA-Z]");
if(input.match(re))
{
oops = new InputException(input);
throw oops;
}
else
{
16F41A0540
document.write("<br>"+input);
}
}
function RunTest()
{
var input = prompt("type something","");
try
{
AreLetters(input);
}
catch(e)
{
document.write("<br>exception occured and caught"+e.toString());
}
document.write("<h1>Exception Handling</h1>");
}
</script>
</head>
<body>
<script language="javascript" type="text/javascript">
RunTest();
</script>
</body>
</html>
16F41A0540
Output:-
16F41A0540
INTERNAL CSS:-<html>
<head><title>internal</title>
<style>
body
{
background-color:tomato;
}
</style>
</head>
<body>
<h1>16F41A0540</h1>
<h2>This is a heading</h2>
</body>
</html>
16F41A0540
Output:-
16F41A0540
Login page
<html>
<head>
<title>login page</title>
</head>
<body>
<h1>16F41A0540</h1>
<h2>Login page</h2>
<form>
First name:<br>
<input type="text" name="first name">
<br>
Last name:<br>
<input type="text" name="last name">
<br>
Password:<br>
<input type="text" name="password">
<br>
<input type="Submit" name="password">
</form>
</body>
</html>
16F41A0540
Output:-
16F41A0540
Sorting an array
<html>
<body>
<h1>16F41A0540</h1>
<p>Click the button to sort the array in ascending order.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
var points = [40, 100, 1, 5, 25, 10];
document.getElementById("demo").innerHTML = points;
function myFunction() {
points.sort(function(a, b){return a-b});
document.getElementById("demo").innerHTML = points;
}
</script></body></html>
16F41A0540
Output:-
16F41A0540
BORDER PROPERTIES IN CSS
<html>
<head>
<style>
div {
padding:10px;
border:10px;
margin-top:100px;
margin-bottom:80px;
margin-right:90px;
margin-left:70px;
border-color:red;
border-style:dashed;
border-color:green;
border-style:solid;
}
</style>
</head>
<body>
<div>text</div>
</body>
</html>
16F41A0540
OUTPUT:-
16F41A0540
CSS BORDER
<html>
<head>
<style>
h1{
text-align;center;border:solid 1px;
}
p{
border-style:dashed dotted double solid;
border-color:blue green red yellow;
border-width:1px 2px 3px 4px;
border-radius:20px;
}
</style>
</head>
<body>
<h1>heading</h1>
<p>this is a paragraph</p>
</body>
</html>
16F41A0540
OUTPUT:
16F41A0540
CSS PADDING
<html>
<head>
<style>
.centerpd{
padding:70px 10px;
border:1px solid blue;
}
</style>
</head>
<body>
<div class="centerpd">
<p>this is a padding example</p>
</div>
</body>
</html>
16F41A0540
OUTPUT:
16F41A0540
CSS COLOR
<html>
<head>
<style>
body{
background-color:red;
background-color:#ff000;
background-color:rgb(255,0,0);
background-color:rgba(255,0,0,0.5);
background-color:hsl(200,20%,30%);
background-color:hsla(200,20%,30%,0.3);
}
</style>
</head>
<body>
name:<input type="text"name="n"/></br>
address:<input type="text area"=" "/></br>
</body>
</html>
16F41A0540
OUTPUT:-
16F41A0540
HOVER CONDITION
<html>
<head>
<style>
table:hover{
background-color:red;
}
table{ background-color:yellow;
border:10px,dotted,blue;
}
</style>
</head>
<body>
<table>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>2</td>
<td>4</td>
</tr>
</table>
</body>
</html>
16F41A0540
OUTPUT:-
16F41A0540
TimeTable<html>
<head><center>TIME TABLE</center>
<title>time table
</title>
</head>
<body><center><b>KUPPAM ENGINEERING COLLEGE,KUPPAM-517425<br>DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING<br>TIMETABLE FOR THE ACADEMIC YEAR 2108-19<br></b>
<br><br><b>Year&sem:III/II       REGULATION:R15       
Batch:2016-2019      Branch:CSE-A
<br>
<br>
<table border="2">
<tr>
<th>
<td>Day/Timings</td>
<td>9.00-9.55</td>
<td>9.55-10.50</td>
<td rowspan="7">BREAK</td>
<td>11.00-11.55</td>
<td>11.55-12.50</td>
<td rowspan="7">LUNCHBREAK</td>
<td>01.45-2.35</td>
<td>2.35-3.25</td>
<td>3.25-4.35</td>
</th>
16F41A0540
</tr>
<tr><th>
<td>MON</td>
<td>DWM</td>
<td>DAA</td>
<td colspan="2">AECS</td>
<td colspan="3">DWM LAB(B1)/WT LAB(B2)</td>
</th></tr>
<tr><th><td>TUES</td>
<td>DAA</td>
<td>WT</td>
<td colspan="2">PLACEMENT</td>
<td>DP</td>
<td>CD</td>
<td>LINUX</td>
</th></tr>
<tr><th><td>WEDNES</td>
<td>DP</td>
<td>LINUX</td>
<td>DAA</td>
<td>CD</td>
<td>DWM</td>
<td>WT</td>
<td>CD</td></th>
</tr>
<tr><th><td>THURS</td>
<td>LINUX</td>
16F41A0540
<td>WT</td>
<td>CD</td>
<td>DWM</td>
<td colspan="3">DWM LAB(B2)/WT LAB(B1)</td>
</th></tr>
<tr><th><td>FRI</td>
<td>WT</td>
<td>DP</td>
<td>DWM</td>
<td>LINUX</td>
<td>CD</td>
<td>DAA</td>
<td>DP</td>
</th></tr>
<tr><th><td>SATUR</td>
<td>CD</td>
<td>DWM</td>
<td>LINUX</td>
<td>WT</td>
<td>DAA</td>
<td>DP</td>
<td>LIB</td>
</th></tr>
<tr><th>
<td colspan="11"> <div align="right">w.e.f.03-01-2019/Issued:01/Revision:02</div></td>
</tr><tr>
<td colspan="3"><center>SUBJECT CODE</center></td>
16F41A0540
<td colspan="6"><center>DESCRIPTION</center></td>
<td colspan="2"><center>FACULTY INCHARGE</center></td>
</th></tr>
<tr>
<th>
<td>15A05601</td>
<td colspan="2"><center>CD</center></td>
<td colspan="6"><center>COMPILERDESIGN</center></td>
<td colspan="2"><center>Mrs.A.Menaka</center></td> </th></tr>
<tr>
<th>
<td>15A05602</td>
<td colspan="2"><center>DWM</center></td>
<td colspan="6"><center>Data Warehouse and Mining</center></td>
<td colspan="2"><center>Mr K.N.Dharani Dhar</center></td>
</th></tr>
<tr>
<th>
<td>15A05603</td>
<td colspan="2"><center>DP</center></td>
<td colspan="6"><center>Design Patterns</center></td>
<td colspan="2"><center>Dr.D.Sumathi</center></td>
</th>
</tr>
<tr><th>
<td>15A05604</td>
<td colspan="2"><center>DAA</center></td>
16F41A0540
<td colspan="6"><center>Design And Analysis of Algorithms</center></td>
<td colspan="2"><center>Mrs.R.KaviPriya</center></td>
</th></tr>
<tr>
<th>
<td>15A05605</td>
<td colspan="2"><center>WT</center></td>
<td colspan="6"><center>Web Technology</center></td>
<td colspan="2"><center>Mr. S.Bhaskaran</center></td>
</th></tr>
<tr>
<th>
<td>15A05607</td>
<td colspan="2"><center>Linux</center></td>
<td colspan="6"><center>Linux Environment Systems</center></td>
<td colspan="2"><center>Mr.A.Ravindra Kumar</center></td>
</th></tr>
<tr>
<th>
<td>15A05609</td>
<td colspan="2"><center>WT LAB</center></td>
<td colspan="6"><center>Web Technology Lab</center></td>
<td colspan="2"><center>Mrs.Rekha/Mr. S.Bhaskaran</center></td>
</th></tr>
<tr> <th>
<td>15A05610</td>
<td colspan="2"><center>DWM Lab</center></td>
16F41A0540
<td colspan="6"><center>Data Warehouse and Mining Lab</center></td>
<td colspan="2"><center>Mrs.E.Bhanusri/Mr K.N.Dharani Dhar</center></td>
</th></tr>
<tr><th>
<td>15A52602</td>
<td colspan="2"><center>AECS Lab</center></td>
<td colspan="6"><center>Advanced English Language Communication Skills Laboratory</center></td>
<td colspan="2"><center>MrM.Thilagaraj</center></td>
</th></tr>
<tr> <th>
<td colspan="11"><div align="right">Class Coordinator:Mrs E.Bhanusri</div></td>
</th>
</tr>
</table>
<br>
<br>
<b>TIME TABLE COMMITTEE                                
CSE/HOD                          PRINCIPAL                             </b>
</center>
</body>
</html>
16F41A0540
Output:
16F41A0540
Frames<html>
<head>
<title>frames</title></head>
<frameset cols="20%,60%,*">
<frame name="left" src="details.html">
<frameset rows="60%,*">
<frame name="top" src="my file.html">
<frame name="bottom" src="basic.html">
</frameset>
<frame name="right" src="subjects.html">
</frameset>
</html>
Details.html
<html>
<head>
<title>deatils
</title>
</head>
<body>
<ol>
<li>mounika</li>
<li>saketh</li>
<li>bhuvana</li>
<li>nirosha</li>
</ol>
</body>
16F41A0540
</html>
Myfile.html:
<html>
<head><center><h1>html pages</h1></center>
<title>my files</title></head>
<body bgcolor="pink"><b><i><u><center>
<h1><font color="red">my name is mounika</font></h1>
</center></br>
Im from grt</u>
</i></b>
</body>
</html>
Basic.html:
<html>
<body>
<p>there is a parrot</p>
</body>
</html>
Subjects.html:
<html>
<head>
<title>subjects</title>
</head>
<body>
<ul>
<li>botony</li>
16F41A0540
<li>compiler design</li>
<li>web tecnology</li>
</ul>
</body></html>
16F41A0540
Output:
16F41A0540
Frames2<html>
<head>
</head>
<frameset rows="20%,*">
<frame name="top" src="frame1.html">
<frameset cols="20%,*">
<frame name="left" src="frame2.html">
<frame name="right" src="">
</frameset>
</frameset>
</html>
Frame1.html:
<html>
<body>
<b>
<h1>
<center>KUPPAM ENGINEERING COLLEGE</center>
</h1>
</b>
</body>
</html>
Frame2.html:
<html>
<head>
<title>frame2
</title>
16F41A0540
</head>
<body>
<a href="lists.html" target="right">student names
</a></br>
<a href="frame3.html" target="right">subjects</a>
</body>
</html>
Frame3.html:
<html>
<head>
<title>subjects</title>
</head>
<body>
<ul>
<li>botony</li>
<li>compiler design</li>
<li>web tecnology</li>
</ul>
</body>
</html>
Lists.html:
<html>
<head>
<title>lists
</title>
</head>
<body>
16F41A0540
<ol>
<li>tharun</li>
<li>siva</li>
<li>ranjith</li>
</ol>
</body>
</html>
16F41A0540
Output:
16F41A0540
Iframes
<html>
<head>
<title>iframes</title>
</head>
<iframe src="demo.html"height="30%"width="30%">
<body>there may be some problems
</body>
</html>
Demo.html:
<html>
<head>
<title>demo</title>
</head>
<body>
this is a content for iframes
</body>
</html>
16F41A0540
Output:
16F41A0540
Noframes<html>
<head>
</head>
<frameset rows="20%,*">
<frame name="top" src="">
<frame name="bottom" src="">
<noframes>tharun</noframes>
</frameset>
<body>there may exist</body>
</html>
Output:
16F41A0540