1.online Book Store

You might also like

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

Exp No: Page:

Date:

1.ONLINE BOOK STORE


AIM: To design static web pages for online book store website

TAGS:-
HEADING TAG:-
Headings are defined with <H1>to <H6>tags.<H1> displays large font as
heading.
Eg: <H1>Heading</H1>

HYPERLINK TAG:-
Html links are defined with anchor tag<a>.It is a paired tag.
Eg: <a href=”x.jpg”>clickme</a>

IMAGE TAG:-
Image tag is used to display the image.
Eg: <img src=”x.jpg”>

TABLE TAG:-
Table tag is used to define tables by using <table>. <tr>,<td>,<th> tags
are used for defining rows, cell description,table heading respectively.
Eg: <table cols=2>
<tr><td>1</td><td>2</td> </tr>
<tr><td>3</td><td>4</td></tr>
</table>

FORM TAG:-
Forms are defined by using <form>tag.Input tag is used to enter text with in
form tag.
Eg: <form><input type=”button” ></form>

FRAME TAG:-
Frames are used to display more than one HTML document in the same
browser window.
<frameset >tag is used to divide webpage into frames.<frame> tag defines
what HTML document to put in each frame.

MARQUEE TAG:-
It is a scrolling tag and paired one.
Eg: <marquee align=middle>QIS</marquee>

SCRIPT TAG:-
Script tag is used tospecify the type of language.
Eg:<script language=”JavaScript”></script>

06491A0516 Online Book Store


Page:

SOURCECODE:
Booksworld.html
<html>
<head><title>books world</title></head>
<frameset cols=15%,*>
<frameset rows=15%,15%,*>
<frame name=f11 src="logo.html">
<frame name=f12 src="home.html">
<frame name=f13 src="departments.html">
</frameset>
<frameset rows=15%,15%,*>
<frame name=f21 src="wsn.html">
<frameset cols=25%,25%,25%,*>
<frame name=f2a src="login.html" name=f22>
<frame name=f2b src="registration.html">
<frame name=f2c src="catalogue1.html">
<frame name=f2d src="cart.html">
</frameset>
<frame name=f23 src="home1.html">
</frameset>
</frameset>
</html>

Home.html
<html>
<head><title><center>home</center></title></head>
<body>
<a href="home1.html" target="f23" ><b><h3><br><center>home</center></h3></b></a>
</body>
</html>
Home1.html
<html>
<head><title>books world</title></head>
<body background=bg.jpg /><br><br><center>
<h1><b>Welcome to books world</b><br></h1>
<ul><h2>
<li>CSE
<li>ECE
<li>CEC
<li>EEE</h2>
</center>
</body>
</html>

Login.html
<html>

06491A0516 Online Book Store


Page:

<head><title><center>login</center></title></head>
<body background=bg.jpg>
<a href="login1.html" target="f23" ><b><h3><br><center>login</center></h3></b></a>
</body>
</html>
Login1.html
<html>
<head>
<title>login page</title>
</head>
<body>
<frame><br><br><br>
<center>
login:
<input type="text" name="login" /><br><br>
password:
<input type="password " align="center" maxlength="5" /><br><br>
<input type="submit" value="submit" />
<input type="reset" value="reset" />
</center>
</frame>
</body>
</html>
Logo.html
<html>
<body background=bg.jpg><center>
<img src="logo.jpg" height=78 width=80 border=0 />
</body></center>
</html>

Registration.html
<html>
<head><title>registration</title></head>
<body background=bg.jpg>
<a href="registration1.html" target="f23"
><b><h3><br><center>registration</center></h3></b></a>
</body>
</html>
Registration1.html
<html>
<head><title>registration form</title></head>
<body bgcolor="#fdcabc">
<center>
<form>
<h3>please fill this form to improve this site</h3>
Name:<input type="text" name="name"/><br><br>
Password:<input type="password" align="left" max length="6"><br><br>
Email:<input type="text" name=" nglish" /><br><br>

06491A0516 Online Book Store


Page:

PhoneNo:<input type="text" name="phoneno" /><br><br>


<input type="radio" value="male" />MALE
<input type="radio" value="female" />FEMALE<br><br>
Date of Birth:
<select>
<option>january
<option>febrauary
<option>march
<option>april
<option>may
<option>june
<option>july
<option>august
<option>september
<option>october
<option>november
<option>december
</select>
<select>
<option>1
<option>2<option>3<option>4<option>5<option>6<option>7<option>8<option>9<option>
10
<option>11<option>12<option>13<option>14<option>15<option>16<option>17<option>18
<option>19
<option>20<option>21<option>22<option>23<option>24<option>25<option>26<option>27
<option>28
<option>29<option>30<option>31
</select>
<select>
<option>1980<option>1981<option>1982<option>1983<option>1984<option>1985<option
>1986<option>1987
<option>1988<option>1989<option>1990<option>1991<option>1992<option>1993<option
>1994
</select><br><br>
LANGUAGES KNOWN<br><br>
Telugu<input type="checkbox" value="telugu">
English<input type="checkbox" value="english">
Hindi<input type="checkbox" value="hindi">
Tamil<input type="checkbox" value="tamil"><br><br>
Address:<input type="textarea" lines="10"><br><br>
<input type="submit" value="submit">
<input type="reset" value="reset">
</form>
</body>
</html>

Catalogue.html
<html>
<body background=bg.jpg>

06491A0516 Online Book Store


Page:

<a href="catalogue11.html" target="f23"


><b><h3><br><center>catalogue</center></h3></b></a>
</body>
</html>
Catalogue1.html
<html>
<body><center><br><br>
<table border=1 width=428>
<tr><td><center><img src="logo1.jpg" height=60 width=60 border=0
/></center></td><center><td><center>Book:XML
Bible<br>Author:Winston<br>Publication:wiely</td></center>
<td><center>cost:$ 40.5</center></td><form><td><center><input type="button"
value="Add to cart"></center></form></td>
</tr>
<tr><td><center><img src="logo2.jpg" height=60 width=60 border=0
/></center></td><td><center>Book:AI<br>Author:S.Russel<br>Publication:Princeton</cent
er></td>
<td><center>cost:$ 63</center></td><form><td><center><input type="button"
value="Add to cart"></center></form></td>
</tr>
<tr><td><center><img src="logo3.jpg" height=60 width=60 border=0
/></center></td><td><center>Book:Java
2<br>Author:Watson<br>Publication:BPB</center></td>
<td><center>cost:$ 35.5</center></td><form><td> <center><input type="button"
value="Add to cart"></center></form></td>
</tr>
<tr><td><center><img src="logo4.jpg" height=60 width=60 border=0
/></center></td><td><center>Book:HTML<br>Author:Sam
Peter<br>Publication:Sam</center></td>
<td><center>cost:$ 60</center></td><form><td> <center><input type="button"
value="Add to cart"></center></form></td>
</tr>
</table></center>
</body>
</html>

Departments.html
<html>
<body background=bg.jpg>
<a href="CSE.html" target="f23"
><b><u><h3><center>CSE</center></h3></u></b></a><br>
<a href="ECE.html" target="f23"
><b><u><h3><center>ECE</center></h3></u></b></a><br>
<a href="EEE.html" target="f23"
><b><u><h3><center>EEE</center></h3></u></b></a><br>
<a href="MECH.html" target="f23"
><b><u><h3><center>MECH</center></h3></u></b></a><br>
<a href="CIVIL.html" target="f23"
><b><u><h3><center>CIVIL</center></h3></u></b></a><br>

06491A0516 Online Book Store


Page:

</body>
</html>
ECE.html
<html>
<body bgcolor="#fcdabc">
<p>BOOKS ARE LISTED BELOW</p>
<ul>
<li>EDC
<li>LDIKA
</ul>
</body>
</html>

EEE.html
<html>
<body bgcolor="#fdcabc">
BOOKS FOR EEE ARE
<ul>
<li>MP
<li>MACHINES
</ul>
</body>
</html>

CIVIL.html
<html>
<body bgcolor="#fdcabc">
THE BOOKS FOR CIVIL ARE
<ul>
<li>EDP
<li>FLUID MECHANICS
</ul>
</body>
</html>
CSE.html

<html>
<body bgcolor="#fcdabc">
<p>THE BOOKS WHICH ARE PROVIDED BY US FOR THE CSE DEPARTMENT
STUDENTS ARE GIVEN BELOW</p>
<ul>
<li>C&DATA STRUCTURES
<li>APPLIED PHYSICS
</ul>
</body>
06491A0516 Online Book Store
Page:

</html>

OUTPUT:
Books World.html

Login.html

06491A0516 Online Book Store


Page:

Registration.html

Catalogue.html

Cart.html

06491A0516 Online Book Store


Page:

CSE.html

ECE.html

06491A0516 Online Book Store


Page:

CIVIL.html

EEE.html

06491A0516 Online Book Store


Page:

RESULT:
Static web pages for online bookstore website are designed successfully.

06491A0516 Online Book Store

You might also like