sonucgn.files.wordpress.com · Web viewSkill sets known:

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&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp REGULATION:R15&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

Batch:2016-2019&nbsp&nbsp&nbsp&nbsp&nbsp&nbspBranch: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&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp

CSE/HOD&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspPRINCIPAL&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</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>


<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>


<frame name="top" src="">

<frame name="bottom" src="">

<noframes>tharun</noframes>

</frameset>

<body>there may exist</body>

</html>

Output:

16F41A0540

Documents

sonucgn.files.wordpress.com · Web viewSkill sets known: