1.
STUDENTS RESULTS
<!DOCTYPEhtml>
<html>
<head>
<title>students results</title>
</head>
<body style="background-color:peach">
<br>
<br>
<br>
<br>
<br>
<br>
<h1><b><center>STUDENTS RESULT</center></b></h1>
<br>
<br>
<center>
<table width="200" border="21">
<tr>
<td>Name</td>
<td>Narmadha</td>
</tr>
<tr>
<td>Register Number</td>
<td>25001</td>
</tr></table>
<br>
<br>
<table width="200" border="2">
<tr>
<td><b>Subjects</td>
<td><b>Marks</b></td>
<td><b>pass / fail</b></td>
</tr>
<tr>
<td>Tamil</td>
<td>056</td>
<td>pass</td>
</tr>
<tr>
<td>English</td>
<td>076</td>
<td>pass</td>
</tr>
<tr>
<td>Mathematics</td>
<td>066</td>
<td>pass</td>
</tr>
<tr>
<td>Science</td>
<td>055</td>
<td>pass</td>
</tr>
<tr>
<td>Social Studies</td>
<td>045</td>
<td>pass</td>
</tr>
<tr>
<td>Total</td>
<td>298</td>
<td>pass</td>
</tr>
</table>
<br>
<br>
</center>
</body>
</html>
2. LOGIN WITHIN THE PAGE
<!DOCTYPEhtml>
<html>
<head>
<title>link within</title>
</head>
<body style="background-color:yellowgreen">
<h1><center>link to the bottom of the page</center></h1>
<p>
<a href="#bottom">go to the bottom</a>
<p>
<h2><a id="top">mathematics</a></h2>
<p>
mathematics is used throughout the world.
it is an essential tool in many field including natural sciences, engineering, medicine, finance
and social studies.
</p>
<h2>real analysis</h2>
<p>
real analysis is a branch of mathematical analysis dealing with real numbers and real valued
functions of a real variables.
</p>
<h2>complex analysis</h2>
<p>
complex analysis , traditionaly known as the theory of functionsof a complex variable, is the
branch of mathematical analysis that investigate functions of complex numbers.
</p>
<a id="bottom"></a>
<a href="#top"> go to the top</a>
</body>
</html>
3. LOGIN TO OTHER PAGE
<!DOCTYPEhtml>
<html>
<head>
<title>link to other web page</title>
</head>
<body style="background-color:yellowgreen">
<br>
<br>
<br>
<br>
<br>
<br>
<h1><center>link to other web page</center></h1>
<center>
<a href="[Link] page</a>
</body>
</html>
4. LOGIN PAGE
<!DOCTYPE html>
<html>
<head>
<title>login page</title>
</head>
<body style="background-color:yellow-green">
<br>
<br>
<br>
<br>
<br>
<br>
<center>
<form name="login">
username-<input type="text" name="user id"/>
<br>
<br>
password-<input type="password" name="pswrd"/>
<br>
<br>
<input type ="button" onclick="check(this form)" value="login"/>
<input type ="reset" value="reset"/>
</form>
</center>
<script language="java script">
function check(form)
{
if (form.user_id.value=="webdesign" && [Link]=="mathematics")
{
[Link]("[Link]")
}
else
{
alert("error password or user name")
}
}
</script>
</body>
</html>
5. ADD AND REMOVE AN ITEM
<!DOCTYPE html>
<html>
<head>
<title>Add and Remove Items</title>
</head>
<body>
<h3><center>Item List</center></h3>
<br>
<br>
<input type="text" id="itemInput" placeholder="Enter item">
<input type="button" onclick="addItem()" value="Add Item">
<ul id="itemList">
</ul>
<script>
function addItem() {
var input = [Link]("itemInput");
var itemText = [Link];
if ([Link]() !== "") {
var li = [Link]("li");
[Link] = itemText;
var removeButton = [Link]("button");
[Link] = "Remove";
[Link] = function() {
[Link]();
};
[Link](removeButton);
[Link]("itemList").appendChild(li);
[Link] = "";
}
else
{
alert("Please enter an item!");
}
}
</script>
</body>
</html>
6. ADVERTISEMENT
<!DOCTYPE html>
<html>
<head>
<title>Advertisement</title>
</head>
<body style="background-color:#A27B5C;">
<br>
<br>
<center>
<h1>IKEA</h1>
<br>
</center>
<center>
<p>we sell home furnishings retailer that sells affordable, well-designed products for the
home</p>
<br>
<h4>BED</h4>
<img src="[Link]
brown-luroey__1101577_pe866751_s5.jpg" style="width:300px;
height:300px"><p>Choosing a bed that helps you have extra storage for all your
belongings.</p>
<p>Think easy-to-clean removable covers and a padded headboard with piping details. A
nod to the past, designed for today.</p>
<br>
<h4>SOFA</h4>
<img src="[Link]
beige__1013895_pe829449_s5.jpg?f=s" style="width:300px; height:300px"><p>Choosing
the right sofa furniture for your house is an important decision.</p>
<p>The day is done. Time to relax. Enjoy time with family, guests or just a well-earned quiet
moment to yourself. And if things get a bit messy, you can always wash the covers!</p>
<br>
<h4>TABLE</h4>
<img src="[Link]
and-chair-blue-light-grey__1129226_pe876772_s5.jpg?f=xl" style="width:300px;
height:300px"><p>A desk with 5 height positions and a work surface that can be angled –
and a work chair that can swivel and tilt.</p>
<p>Here is where you study hard so that you can get good grades on your exams at school or
university.</p>
<br>
<br>
<a href="[Link] Now</a>
7. MY FIRST WEB PAGE
<!DOCTYPE html>
<html>
<head>
<title>Creating My First Web Page</title>
<head>
<body style="background-color: plum">
<div style="background-color: crimson; Color whete; margin: 10px; padding: 5px">
<h1><b><center> My First web page </center></b></h1>
</div>
<form>
<Center>
<table>
<tr>
<td> First Name </td>
<td>:</td>
<td><input type="text" name="first name"></td>
</tr>
<tr>
<td>Last name</td>
<td>:</td>
<td><input type ="text" name ="Last name"></td>
</tr>
<tr>
<td>Sex</td>
<td>:</td>
<td><input type = "radio" name ="sex" value = "male"> Male
<input type="radio" name = "sex" value = "female">Female
</td>
</tr>
<tr>
<td>Address</td>
<td>:</td>
<td valign="top">
<textarea maxlength="1000" cols= "25" rows="1">
</textarea>
</td>
</tr>
<tr>
<td> Telephone </td>
<td>:</td>
<td><input type = "text" name = "email"></td>
</tr>
</table>
<br>
<br>
<input type = "submit" name = "submit"></td>
</center>
</form>
</body>
</html>
