Experiment No.
1
HOMEPAGE
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<metaname="viewport"content="width=device-width,
initialscale=1.0">
<title>homepage</title>
<link rel="stylesheet" href="[Link]">
</head>
<body>
<table border="black">
<tr id="head">
<th >logo</th>
<th colspan="4">Web site name</th>
</tr>
<tr id="subhead">
<th>home</th>
<th>login</th>
<th>registrstion</th>
<th>cataloge</th>
<th>cart</th>
</tr>
<tr>
<td>CSE</td>
<td align="center" rowspan="4" colspan="4">
description of the website</td>
</tr>
<tr>
<td>ECE</td>
</tr>
<tr>
<td>EEE</td>
</tr>
<tr>
<td>CIVIL</td>
</tr>
</table>
</body>
</html>
CSS
#head{
background-color: rgb(247, 145, 13);
#subhead{
background-color: rgb(233, 227, 219);
OUTPUT.
Experiment No.2
LOGINPAGE
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>loginpage</title>
<link rel="stylesheet" href="[Link]">
</head>
<body>
<table border="black">
<tr id="head">
<th>logo</th>
<th colspan="4">Web site name</th>
</tr>
<tr id="subhead">
<th>home</th>
<th>login</th>
<th>registrstion</th>
<th>cataloge</th>
<th>cart</th>
</tr>
<tr>
<td>CSE</td>
<td rowspan="4" colspan="4">
<forms>
<p>login page</p>
<label for="nam">user name: </label>
<input type="text" id="nam" ><br>
<label for="pass">password:</label>
<input type="password" id="pass"><br>
<button type="submit"> submit</button>
<button type="reset">reboot</button>
</forms>
</td>
</tr>
<tr>
<td>ECE</td>
</tr>
<tr>
<td>EEE</td>
</tr>
<tr>
<td>CIVIL</td>
</tr>
</table>
</body>
</html>
CSS
#head{
background-color: rgb(247, 145, 13);
#subhead{
background-color: rgb(233, 227, 219);
button{
color:red;
OUTPUT.
Experiment No.3
CATOLOGUE PAGE
HTML.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<link rel="stylesheet" href="[Link]">
<title>catologuepage</title>
</head>
<body>
<table border="black">
<tr id=”dark”>
<th>Logo</th>
<th colspan="4">Website Name</th>
</tr>
<tr id=”light”>
<th>Home</th>
<th>Login</th>
<th>Registration</th>
<th>Catalogue</th>
<th>Cart</th>
</tr>
<tr>
<td>
<table>
<tr>
<td>CSE<br><br><br></td>
</tr>
<tr>
<td>ECE<br><br><br></td>
</tr>
<tr>
<td>EEE<br><br><br></td>
</tr>
<tr>
<td>CIVIL<br><br><br></td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td><img height="50px"
width="50px" src="[Link]" src="xml book"> </td>
</tr>
<tr>
<td><img height="50px"
width="50px" src="[Link]" alt="AI book"></td>
</tr>
<tr>
<td><img height="50px"
width="50px" src="[Link]" alt="java book"></td>
</tr>
<tr>
<td><img height="50px"
width="50px" src="[Link]" alt="html book"></td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td>BOOK:XML
BIBLE<br>AUTHOR:WINSTON<br>PUBLICATION:WIELY </td>
</tr>
<tr>
<td>BOOK:JAVA
2<br>AUTHOR:WATSON<br>PUBLICATION:PRINCETONHALL</td>
</tr>
<tr>
<td>BOOK:AI<br>AUTHOR:[Link]<br>PUBLICATION:BPB
BPUBLICATION</td>
</tr> <tr>
<td>BOOK:AI<br>AUTHOR:[Link]<br>PUBLICATION:SAMPUBLICATION
</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td>$40.5<br><br><br></td>
</tr>
<tr>
<td>$63<br><br><br></td>
</tr>
<tr>
<td>$35.5<br><br><br></td>
</tr>
<tr>
<td>$50<br><br><br></td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td><button>Add to
Cart</button><br><br><br></td>
</tr>
<tr>
<td><button>Add to
Cart</button><br><br><br></td>
</tr>
<tr>
<td><button>Add to
Cart</button><br><br><br></td>
</tr>
<tr>
<td><button>Add to
Cart</button><br><br><br></td>
</tr>
</table>
</td>
</tr>
<tr>
</tr>
</table>
</body>
</html>
CSS.
button{
background-color: rgb(202, 184, 30);
}
#dark{
background-color: rgb(247, 145, 13);
}
#light{
background-color: rgb(233, 227, 219);
}
OUTPUT.
-
Experiment No.4
CARTPAGE
HTML.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title>cartpage</title>
</head>
<body>
<table border="black">
<tr>
<th>Logo</th>
<th colspan="4">Web Site Name</th>
</tr>
<tr>
<th>Home</th>
<th>Login</th>
<th>Registration</th>
<th>Catalogue</th>
<th>Cart</th>
</tr>
<tr>
<td rowspan="4">
<table>
<tr>
<td>CSE</td>
</tr>
<tr>
<td>ECE</td>
</tr>
<tr>
<td>EEE</td>
</tr>
<tr>
<td>CIVIL</td>
</tr>
</table>
</td>
<td rowspan="4" colspan="5">
<table>
<tr>
<td>Book Name</td>
<td>Price</td>
<td>Quantity</td>
<td>Amount</td>
</tr>
<tr>
<td>Java 2</td>
<td>$35.5</td>
<td>2</td>
<td>$70</td>
</tr>
<tr>
<td>XML bible</td>
<td>$40.5</td>
<td>1</td>
<td>$40.5</td>
</tr>
<tr>
<td>Total Amount</td>
<td>-$130.5</td>
</tr>
</table>
</tr>
</table>
</body>
</html>
OUTPUT.
Experiment No.5
REGISTRATIONPAGE
HTML.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title>registrationpage</title>
</head>
<body>
<forms>
<label for="user">NAME:</label>
<input type="username" id="user" stackholder="input
your name here"><br>
<label for="pass">PASSWORD:</label>
<input type="password" id="pass" stackholder="input
password here"><br>
<label for="mail">E-MAIL:</label>
<input type="email" id="mail" stackholder="user e-
mail id"><br>
<label for="num">PHONE NUMBER:</label>
<input type="number" id="num" stackholder="phone
number" ><br>
<label for="mal">SEX: male</label>
<input type="radio" id="mal" name="sex">
<label fro="fem">female</label>
<input type="radio" id="fem" name="sex"><br>
<label for="dob">DATE OF BIRTH:</label>
<input type="date" id="dob" name="dob"> <br>
<label for="eng">language known (1).English</label>
<input type="checkbox" id="eng" name="lan" >
<label for="tel">(2).Telghu</label>
<input type="checkbox" id="tel" name="lan">
<label for="hin">(3).Hindi</label>
<input type="checkbox" id="hin" name="lan">
<label for="tam">(4).Tamil</label>
<input type="checkbox" id="tam" name="lan"><br>
<label for="add">ADRESS:</label>
<textarea id="add"></textarea>
</forms><br>
<button type="submit" >SUBMIT</button>
</body>
</html>
OUTPUT.
-
