7)Write HTML code to design a
website for Online Shopping. Design two pages which contains hyperlink to each
other. All pages must have different background.Divide the first home page
horizontally into two frames. The first frame contains logo and name of the
shopping site. Divide the second frame vertically in two frames out of which
First(right) frame displays two hyperlink images such as Mobiles, Car and
second(left) frame displays information about shopping site in scrolling
form.Divide the second page vertically in two frames. The first frame displays
Category list (which are again
hyperlinked) Clicking on any one of these hyperlinks will display related
information (Image, Name of the Model & Price) of the category in a second
frame.
main.html
<html>
<frameset
cols="50%,50%">
<frame src="f1.html"
target="frame1">
<frame
src="frames.html" target="frame2">
</frameset>
</html>
f1.html
<html>
<frameset
rows="50%,50%">
<frame src="f3.html"
target="frame1">
<frame src="f4.html"
target="frame1">
</frameset>
</html>
f3.html
<html>
<head></head>
<body
BGCOLOR="BLUE">
<img src=" "
height="30%" width="30%">
<CENTER><h1>Amazon</h1></CENTER>
</body>
</html>
f5.html
<html>
<body>
<a href="f7.html"
target="frame2"><img src="car.jpg" height="30%"
width="30%"></a>
<img
src="mobile.jpg"
height="30%" width="30%">
</body>
</html>
f7.html
<html>
<body
BGCOLOR="PINK">
<p> CAR </p><br>
<img src="CAR.jpg" height="30%"
width="30%"><br>
<b>price=700000 Rs.</b>
</body>
</html>
frames.html
<html>
<head><title> Frame
Example </title></head>
<frameset
cols="30%,*">
<frame src="links.html"
name="frame2">
<frame src="f7.html"
name="frame3">
</frameset>
</html>
links.html
<html>
<head><title> Frame
Example </title></head>
<body>
<b>Images</b><br>
<a href="f7.html"
target="frame3"><img src="car.jpg" height="30%"
width="30%"> car</A><br>
<a href="f8.html"
target="frame3"><img src="mobile.jpg" height="30%"
width="30%">mobile</A><br>
</body>
</html>
f8.html
<html>
<body
BGCOLOR="YELLOW">
<p> samsung mobile
</p><br>
<img
src="MOBILE.jpg"
height="30%" width="30%"><br>
<b>price=7000 Rs.</b>
</body>
</html>
f4.html
<html><body><p> </p></body></html>
