Download as pdf or txt
Download as pdf or txt
You are on page 1of 5

Lab 05: Introduction to HTML

TASK#1:

<html>
<head>
<title> ONLINE BOOK STORES</title>\\ Sets the title of the webpage
</head>\\Closes the head section
<body bgcolor="pink">\\Sets the background color of the body to pink
<FRAMESET ROWS="20%,*">\\Defines a frameset with two rows
<FRAME NAME="A2" SCROLLING="YES" SRC="head.html">\\Loads content from
head.html into a frame named A2

</FRAMESET>\\Closes the frameset


<H1 ALIGN="CENTER"><U><FONT
COLOR="PURPLE">WELCOME TO ONLINE BOOK
SHOPPING<ITALIC></ITALIC>
</U></FONT></H1>\\Displays a centered, underlined heading in purple
<H2> <FONT COLOR="WHITE"></FONT></H2>\\ Displays an empty H2 element
<H3 ALIGN="CENTER"><A HREF="reg.html"><BR><BR>
<FONT COLOR="black"><ITALIC>REGISTRATION
FORM</FONT></ITALIC><BR><BR>>\\Displays a series of centered hyperlinks for
registration

<BR><BR><A HREF="user profile .html"><FONT COLOR="black"><ITALIC>USER


PROFILE</FONT></ITALIC><BR> Displays a series of centered hyperlinks for user profile
<BR><BR><A HREF="user login.html"><FONT COLOR="black"><ITALIC>USER
LOGIN</FONT></ITALIC><BR>\\Displays a series of centered hyperlinks for user login,
<BR><BR><A HREF="book catalog.html"><FONT
COLOR="black"><ITALIC>BOOKS CATALOG</FONT></ITALIC><BR>
<BR><BR><A HREF="confim.HTML"><FONT COLOR="black"><ITALIC>BOOKS
CART</FONT></ITALIC><BR>
<BR><BR><A HREF="payment.HTML"><FONT
COLOR="black"><ITALIC>PAYMENT</H3></FONT></ITALIC><BR>\\Displays a
series of centered hyperlinks for book catalog, books cart, and payment

</BODY>
</HTML>
TASK#2:

<html>
<head>
<center><u><h1>Registration
Form</h1></u></center>\\Centered and underlined heading
</head>
<body>
<fieldset width=300><legend class=heading>Registration
Form</legend>\\Fieldset with legend for styling
<form actions="http://localhost:8080//servlet-
examples//KiranUserProfile">\\Form with action attribute pointing to a servlet
<pre class="reg">\\Preformatted text with class for styling
First Name : <input type="text" size=30> \\Text input for First Name
Last Name : <input type="text" size=30>\\Text input for Last Name
Age : <input type="text" size=30 onFocus="kirandisp()">\\Text input for Age with
onFocus event

Email Id : <input type="email" size=30>\\Email input for Email Id


Alternate
Email Id : <input type="email" size=30>\\Email input for Alternate Email Id
Address :<textarea cols=50 rows=3></textarea>\\Textarea input for Address
Phone : <input type="text" size=30>\\Text input for Phone
Occupation : <input type="text" size=30>\\Text input for Occupation
<input type="radio" name="agree" value="i agree">I Agree Terms &
conditions <input\\Radio button for agreeing to terms
type="radio" name="agree" value="i disagree">I DisAgree\\Radio button for
disagreeing to terms

<input type="submit" value=submit> <input type="Reset" value=" reset


">\\Submit and Reset buttons
</form>
</fieldset>
</body>
</html>

TASK#3:

<html>
<head><center>\\Head section of the document with centered text
<font size="6" color="Black" ><h1><u>User
login.....</u><h1></font></center>\\Setting font size, color, and heading for the login
prompt

</head>
<form method="POST" ACTION="http://localhost:8080//servlet-
examples//KiranPass">\\Form for user input, sends data to specified URL using POST method
<body bgcolor="0x1ff0f2">\\Setting background color
<pre>
Enter Name : <input type="text" name="name" size=15 > <br>\\Input field for
entering name

Enter Password : <input type="password" name="pwd" size=15><br>\\Input field


for entering password, obscured for security

<input type= Submit name=sbmt value="Login">\\Submit button for form submission


</pre>
</form></body>
</html>

You might also like