Slip 5 - B) Write HTML code to design a website for Online Shopping. Design home page which consist of list of items each with hyperlink, clicking on which should display related information on separate web page. (Use external CSS to format each web page)

Solution:

a.css


body

{

background-color: lightblue;

}

h1

{

color: navy;

margin-left: 20px;

}

frames.html


<html><head><title> Frame Example </title></head>

<frameset rows="30%,*">

<frame src="header.html" name="frame1">

<frameset cols="30%,*">

<frame src="links.html" name="frame2">

<frame src="pune.html" name="frame3">

</frameset>

</frameset>

</html>

header.html


<html>

<body>

<h1 align="center"><font color="red">Online Shopping</FONT></H1>

</BODY>

</HTML>

links.html

<html>

<body>

<b>Item</b><br>

<ol type="1">

<li><a href="pune.html" target="frame3">Shirt</A></li><br>

<li><a href="b.html" target="frame3">Jeans</A></li><br>

</ol>

</body>

</html>

pune.html


<html>

<head><link rel="stylesheet" type="text/css" href="a.css"></head>

<body><h3>Shirt</h3>

<ul type="disc"><li>Price </li></ul>

<img src="a.jpg" height="30%" width="40%">

</body>

</html>

b.html


<html>

<head><link rel="stylesheet" type="text/css" href="a.css"></head>

<body>

<h3>Jeans</h3>

<ul type="disc"><li>Price </li></ul>

<img src="a.jpg" height="30%" width="40%">

</body>

</html>

Post a Comment

0 Comments