Scribd
Upload
11 views

Lab Activity For HTML

Uploaded by

rimshakhan1159
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
11 views

Lab Activity For HTML

Uploaded by

rimshakhan1159
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 12

CODE FOR HOME PAGE

<html>

<head>

<title>Online Book Store</title>

</head>

<body bgcolor="pink">

<h1 align="center">

<u><font color="purple">Welcome to Online Book Shopping</font></u>

</h1>

<h3 align="center">

<a href="2.reg.html"><font color="black"><i>Registration

Form</i></font></a><br><br>

<a href="3.user-profile.html"><font color="black"><i>User

Profile</i></font></a><br><br>

<a href="4.user-login.html"><font color="black"><i>User

Login</i></font></a><br><br>

<a href="5.book-catalog.html"><font color="black"><i>Books

Catalog</i></font></a><br><br>

<a href="6.book-cart.html"><font color="black"><i>Books


Cart</i></font></a><br>

</h3>

</body>

</html>

RESULT OF THAT CODE


CODE OF REGISTRATION PAGE

<html>

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Registration Form</title>

</head>

<body>

<h1> <center>Registration Form </center></h1>

<center><fieldset style="width: 300px;">

<!--The fieldset tag is used to group related form elements together and draw a box

around them. -->

<legend>Registration Form</legend>

<form action="3.user-profile.html">

<pre class="reg">

<!--Uses <pre> tag with class "reg" to maintain text formatting-->

First Name : <input type="text" size=30>

Last Name : <input type="text" size=30>

Age : <input type="text" size=30>

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


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

Address :<textarea cols=50 rows=2></textarea>

Phone : <input type="text" size=30>

Occupation : <input type="text" size=30>

<input type="radio" name="agree" value="i agree">I Agree Terms & conditions

<input

type="radio" name="agree" value="i disagree">I DisAgree

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

</form></fieldset> </center>

</body>

</html>

RESULT OF THAT CODE

CODE OF USER PROFILE

<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="UTF-8">

<title>User Profile</title>

</head>

<body>

<h1 class="text-center">User Profile</h1>

<fieldset>

<legend>User Profile</legend>

<form action="4.user-login.html">

<div class="user-details">

<p><strong>First Name:</strong> Muhammad</p>

<p><strong>Last Name:</strong> Ali</p>

<p><strong>Age:</strong> 25</p>

<p><strong>Email Id:</strong> [email protected]</p>

<p><strong>Alternate Email Id:</strong> [email protected]</p>

<p><strong>Address:</strong> Wah</p>

<p><strong>Phone:</strong> 03457789889</p>

<p><strong>Occupation:</strong> Teacher</p>

</div>

<input type="submit" value="Next">

</form>

</fieldset>

</body>

</html>

RESULT OF THAT CODE


CODE FOR USER LOGIN
<!DOCTYPE html>

<html>

<head>

<title>User Login</title>

</head>

<body bgcolor="00f000">

<center>

<h1><u>User login.....</u></h1>

<form method="POST" action="5.book-catalog.html">

<p>

Enter Name: <input type="text" name="name" size="15"><br><br>

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

<input type="submit" name="sbmt" value="Login" >

</p>

</form>

</center>
</body>

</html>

RESULT OF THAT CODE

CODE FOR BOOK CATALOG


<!DOCTYPE html>

<html>

<head>

<title>Book Catalog</title>

</head>

<body>

<center><h1><font color="red" size="7" face="Vivaldi">Book

Catalog</font></h1></center>

<table border="0" cellpadding="10">

<tr>

<td><img src="web.jpeg" width="80" alt="Java Book Cover"></td>

<td><b>Java Complete References</b>

<ul>

<li><font color="blue">Author: Gangadhar</font></li>

<li><font color="blue">Edition: 2007</font></li>


<li><font color="blue">Price: 450</font></li>

<li><font color="blue">Publisher: Ideal Publishers</font></li>

</ul>

</td>

<td>

<b>Add to Cart</b><br>

<a href="6.book-cart.html"> <img src="web.jpeg" width="30" alt="Click to Add"> </a>

</td>

</tr>

<tr>

<td><img src="cover.jpeg" width="80" alt="Visual Basics Book Cover"></td>

<td><b>Visual Basics</b>

<ul>

<li><font color="blue">Author: Kiran</font></li>

<li><font color="blue">Edition: 2007</font></li>

<li><font color="blue">Price: 950</font></li>

<li><font color="blue">Publisher: gangii publishers</font></li>

</ul>

</td>

<td>

<b>Add to Cart</b><br>

<a href="6.book-cart.html"> <img src="cover.jpeg" width="30" alt="Click to Add"></a>

</td>

</tr>

<tr>

<td><img src="web.jpeg" width="80" alt="Web Technology & Designing Book

Cover"></td>

<td><b>Web Technology & Designing</b>

<ul>
<li><font color="blue">Author: Kiran-Gangadhar</font></li>

<li><font color="blue">Edition: 2007</font></li>

<li><font color="blue">Price: 5950</font></li>

<li><font color="blue">Publisher: jyothi publishers</font></li>

</ul>

</td>

<td>

<b>Add to Cart</b><br>

<a href="6.book-cart.html"> <img src="web.jpeg" width="30" alt="Click to Add"> </a>

</td>

</tr>

<tr>

<td><img src="harry.jpg" width="80" alt="Harry Reference to Java Book

Cover"></td>

<td><b>Harry Reference to Java</b>

<ul>

<li><font color="blue">Author: Harry Potter</font></li>

<li><font color="blue">Edition: 2007</font></li>

<li><font color="blue">Price: 950</font></li>

<li><font color="blue">Publisher: jyothi publishers</font></li>

</ul>

</td>

<td>

<b>Add to Cart</b><br>

<a href="6.book-cart.html"> <img src="harry.jpg" width="30" alt="Click to Add"></a>

</td>

</tr>

</table>

</body>
</html>

RESULT OF THAT CODE

CODE FOR SHOPPING CART


<html>

<head>

<title>Shopping cart</title>

</head>

<body>

<h1>Shopping Cart</h1>

<h2><ul>

<li>Book 1-$10-Quantity:1</li>

<li>Book 2-$15-Quantity:1</li>

</ul></h2>

<h2>Total:$25</h2>

<a href="7.payment.html"><u>proceed to payment</u></a>

</body>

</html>
RESULT OF THAT CODE

CODE FOR PAYMENT LOGIN


<html>

<head>

<title>Payment of book</title>

</head>

<body>

<h1>Payment by Credit Card</h1>

<center><form action="8.confirmation.html">

Card Number:<input type="text" size=30><br><br>

Expiration Date:<input type="text" size=30><br><br>

CVV:<input type="text" size=30><br><br>

<input type="submit" value="Complete purchase">

</form></center>

</body>

</html>
RESULT OF THAT CODE

CODE FOR CONFIRMATION FORM


<html>

<head>

<title>confirmation of order</title>

</head>

<body>

<h1>Order confirmation</h1>

<h2>Thank you for your purchase! We will give our best to you. Your order has been confirmed..</h2>

<h2>Order summary:</h2>

<h2><ul><li>Book 1-$10</li>

<li>Book 2-$15</li>

</ul></h2>

<h2>Total:$25</h2>

<a href="1.Onlinebookstore.html">Continue shopping</a>

</body>

</html>
RESULT OF THAT CODE

You might also like