Aim:Develop A Static Webpages of Online Book Store Online - HTML

You might also like

Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 10

Q)Aim:Develop a static webpages of online book store

Online.html
<html>
<head>
<frameset rows="15%,15%,*">
<frame src="a.html"></frame>
<frameset cols="20%,25%,15%,20%,20%">
<frame src="b.html"></frame>
<frame src="c.html"></frame>
<frame src="d.html"></frame>
<frame src="e.html"></frame>
<frame src="f.html"></frame>
</frameset>
<frameset cols="25%,*">
<frameset rows="33.33%,33.33%,33.33%">
<frame src="g.html"></frame>
<frame src="h.html"></frame>
<frame src="i.html"></frame>
</frameset>
<frame src="" name="right"></frame>

</frameset>
</head>
</html>

a.html
<html>
<body align="center"><font size=10 color="blue">
<i>Online Book Store</i>
<img align="right" src="https://encrypted-tbn0.gstatic.com/images?
q=tbn:ANd9GcTTgTGSO97hQYa6BOxiefgXxcAhhqftnaYrJg&usqp=CAU" alt="no img"
width=90 height=75 >
</body>
</html>

b.html
<html>
<body align="center">
<font size=15 color="orange">
<a href="home.html" target="right">home</a>
</body>
<html>

c.html
<html>
<body align="center">
<font size=15 color="red">
<a href="reg.html" target="right">registration</a>
</body>
<html>

d.html
<html>
<body align="center">
<font size=15 color="pink">
<a href="login.html" target="right">login</a>

</body>

<html>

e.html
<html>
<body align="center">
<font size=15 color="red">
<a href="catalog.html" target="right">catalog</a>
</body>
<html>

f.html
<html>
<body align="center">
<font size=15 color="red">
<a href="cart.html" target="right">cart</a>
</body>
<html>

g.html
<html>
<body align="center">
<font size=15 >
<a href="cse.html" target="right">cse</a>
</body>
<html>

h.html
<html>
<body align="center">
<font size=15 >
<a href="ece.html" target="right">ece</a>
</body>
<html>

i.html
<html>
<body align="center">
<font size=15 >
<a href="eee.html" target="right">eee</a>
</body>
<html>

home.html
<html>
<body bgcolor="orange">
<font size=15 color="red">
<center>SANDEEP</center>
</font>
</body>
</html>
Reg.html
<html>
<body bgcolor="yellow">
<center><h3>registration form</h3></center>
NAME :<input type="text" maxlength=20><br>
PASSWORD :<input type="password" maxlength=15><br>
DOB :<input type="date" name="dob" value="" min="2000-01-01" max="2021-09-
26"><br>
GENDER :<input type="radio" name="gender" value="male" checked>male
<input type="radio" name="gender" value="female">female<br>
SUBJECTS KNOWN:
<input type="checkbox" name="1" value="c">c
<input type="checkbox" name="2" value="c++">c++
<input type="checkbox" name="3" value="python">python
<input type="checkbox" name="4" value="java">java<br>
UPLOAD PHOTO:<input type="file" name="file" accept="image/*"><br>
<input type="submit" value="SUBMIT">
<input type="reset" value="RESET" align="right">
</body>
</html>

login.html
<html>
<body bgcolor="pink">
NAME :<input type="text" maxlength=20"><br><br>
PASSWORD:<input type="password" maxlength=20"><br><br>
<input type="submit" value="login" >
<input type="reset" value="Reset">
</body>
</html>

Catalog.html
<html>
<body bgcolor="powderblue">
<table border=5 width="50%" hieght="50%" align="center">
<tr>
<th>Details</th>
<th>Cost</th>
<th>Remarks</th>
</tr>
<tr>
<td>
<ul>
<li><b>Bookname:</b>c programming</li>
<li><b>Author:</b>brain kernighan</li>
<li><b>Publisher:</b>prentice Hall</h4></li>
</ul
</td>
<td>1000</td>
<td><input type="submit" value="Quality issue"></td>
</tr>
<tr>
<td>
<ul>
<li><b>Bookname:</b>C++</li>
<li><b>Author:</b>Scott Meyers</li>
<li><b>Publisher:</b>Falcon</li>
</ul>
</td>
<td>1200</td>
<td><input type="submit" value="delivery issue"></td>
</tr>
<tr>
<td>
<ul>
<li><b>Bookname:</b>complete reference python book</li>
<li><b>Author:</b>Martin C.Brown</li>
<li><b>Publisher:</b>McGraw Hill Education</li>
</ul>
</td>
<td>1500</td>
<td><input type="submit" value="delay"></td>
</tr>
</table>
</body>
</html>

Cart.html
<html>
<body bgcolor="cream">
<table border=5 align="center">
<tr>
<th>Bookname</th>
<th>Price</th>
<th>Quantity</th>
<th>Amount</th>
</tr>
<tr>
<td>java</td>
<td>500</td>
<td>2</td>
<td>1000</td>
</tr>
<tr>
<td>c</td>
<td>550</td>
<td>3</td>
<td>1650</td>
</tr>
<tr>
<td>c++</td>
<td>1000</td>
<td>2</td>
<td>2000</td>
</tr>
<tr>
<td>python</td>
<td>1500</td>
<td>4</td>
<td>6000</td>
</tr>
<tr>
<td colspan=3>Total amount</td>
<td>10650</td>
</tr>
</table>
</body>
<html>
s

You might also like