Scribd
Upload
2 views

HTML

The document contains multiple HTML pages covering various topics such as student results, login functionalities, item management, advertisements, and a personal web page. Each section includes structured content with forms, tables, and links, showcasing different web development techniques. The pages are styled with different background colors and contain interactive elements like buttons and links.

Uploaded by

srinidhi
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
2 views

HTML

The document contains multiple HTML pages covering various topics such as student results, login functionalities, item management, advertisements, and a personal web page. Each section includes structured content with forms, tables, and links, showcasing different web development techniques. The pages are styled with different background colors and contain interactive elements like buttons and links.

Uploaded by

srinidhi
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 11

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="https://ethirajcollege.edu.in/">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" && form.pswrd.value=="mathematics")
{
window.open("pro1.html")
}
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 = document.getElementById("itemInput");
var itemText = input.value;

if (itemText.trim() !== "") {


var li = document.createElement("li");
li.textContent = itemText;

var removeButton = document.createElement("button");


removeButton.textContent = "Remove";
removeButton.onclick = function() {
li.remove();
};

li.appendChild(removeButton);
document.getElementById("itemList").appendChild(li);

input.value = "";
}
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="https://www.ikea.com/in/en/images/products/malm-bed-frame-high-black-
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="https://www.ikea.com/in/en/images/products/linanaes-3-seat-sofa-vissle-
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="https://www.ikea.com/in/en/images/products/piplaerka-oerfjaell-childrens-desk-
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="https://www.ikea.com/in/en/">Buy 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>

You might also like