Q4) File name: index.
html
Source code:
<html>
<head>
<title>HTML Frames</title>
</head>
<frameset cols="33%,33%,*">
<frame src="left.html" name="left" noresize>
<frame src="center.html" name="center" noresize>
<frame src="right.html" name="right">
<noframes>
<body>
Your browser does not support frames.
</body>
</noframes>
</frameset>
</html>
File name: left.html
Source code:
<html>
<head>
<title>Left Frame</title>
</head>
<body>
<h2>
<ul>
<li><a href="image.html" target="_blank" title="Balloons">Click to view an Image</a></li>
<li><a href="link1.html" target="center" title="Link 1">Click to open text link 1</a></li>
<li><a href="link2.html" target="right" title="Link 2">Click to open text link 2</a></li>
</ul>
</h2>
</body>
</html>
File name: center.html
Source code:
<html>
<head>
<title>Center Frame</title>
</head>
<body>
<h1>Welcome to Smt. CHM college</h1>
</body>
</html>
File name: right.html
Source code:
<html>
<head>
<title>Right Frame</title>
</head>
<body>
<h1>Welcome to CS Dept</h1>
</body>
</html>
File name:image.html
Source code:
<html>
<head>
<title>Balloons</title>
</head>
<body>
<img src="balloons.jpg" width="300" height="400">
</body>
</html>
File name: link1.html
Source code:
<html>
<head>
<title>Text Link 1</title>
</head>
<body>
<h1>This is link 1 </h1>
<br>
<h4><a href="center.html">Back</h4>
</body>
</html>
File name:link2.html
Source code:
<html>
<head>
<title>Text Link 2</title>
</head>
<body>
<h1>This is link 2 </h1>
<br>
<h4><a href="right.html">Back</h4>
</body>
</html>
Q5) File name: index.html
Source code:
<html>
<head>
<title>HTML Frames</title>
</head>
<frameset rows="15%,*,15%">
<frame src="top.html" name="top" noresize="noresize" frameborder="0">
<frameset cols="30%,*">
<frame src="left.html" name="left" noresize="noresize" frameborder="0">
<frame src="right.html" name="right" frameborder="0">
</frameset>
<frame src="bottom.html" frameborder="0">
<noframes>
<body>
Your browser does not support frames.
</body>
</noframes>
</frameset>
</html>
File name: top.html
Source code:
<html>
<head>
<title>Top Frame</title>
</head>
<body bgcolor="#00CED1">
<center>
<font color="#DC143C" face="Old English Text MT" size="7">Smt. Chandibai Himathmal
Mansukhani College</font>
</center>
</body>
</html>
File name: bottom.html
Source code:
<html>
<head>
<title>Copyright</title>
</head>
<body bgcolor="#D8BFD8">
<font size="3" color="#4B0082" face="Book Antiqua">
<center>
Copyright © 2014-2015. All rights reserved.<br>
<font size="4">Created by.</font>
</center>
<div align="right">
Contact: <a href="mailto:
[email protected]"> </a>
</div>
</font>
</body>
</html>
File name: left.html
Source code:
<html>
<head>
<title>Left frame</title>
</head>
<body bgcolor="#00FF7F">
<h2><font color="#FF0000">Quick Links</font></h2>
<br>
<font size="5" color="#DC143C" face="Castellar">
<ul type="circle">
<li><a href="right1.html" target="right">COURSES</a></li><br><br>
<li><a href="right2.html" target="right">FACILITIES</a></li><br><br>
<li><a href="right3.html" target="right">EVENTS</a></li>
</ul>
</font>
</body>
</html>
File name: right.html
Source code:
<html>
<head>
<title>Right frame</title>
</head>
<body bgcolor="#FFA500">
<img src="college.wmf">
</body>
</html>
File name: right1.html
Source code:
<html>
<head>
<title>Courses offered by the College</title>
</head>
<body bgcolor="#FF7F50">
<h2>
<i><font color="#FFFF00">Courses offered by the college</font></i>
</h2>
<font size="4" color="white" face="Lucida Calligraphy">
<ol type="a">
<li>Computer Science</li><br><br>
<li>Information Technology</li><br><br>
<li>Management Studies</li><br><br>
<li>Mass Media</li><br><br>
<li>Banking & Insurance</li><br><br>
<li>Accounts & Finance</li>
</ol>
<br>
<br>
<a href="right.html">Home</a>
</font>
</body>
</html>
File name: right2.html
Source code:
<html>
<head>
<title>Facilities provided by the College</title>
</head>
<body bgcolor="#FFC0CB">
<h2>
<i><font color="#FFFF00">Facilities offered by the college</font></i>
</h2>
<font size="4" color="#006400" face="Lucida Calligraphy">
<ol type="i">
<li>Computer Lab</li><br><br>
<li>Internet</li><br><br>
<li>Gymkhana</li><br><br>
<li>Library</li><br><br>
<li>Parking</li><br><br>
<li>Canteen</li>
</ol>
<br>
<br>
<a href="right.html">Home</a>
</font>
</body>
</html>
File name: right3.html
Source code:
<html>
<head>
<title>Events held in the College</title>
</head>
<body bgcolor="#ADD8E6">
<h2>
<i><font color="#FFFF00">Events held in the college</font></i>
</h2>
<font size="4" color="#8B008B" face="Lucida Calligraphy">
<ol type="1">
<li>Golden Jubilee</li><br><br>
<li>World Environment Day</li><br><br>
<li>Grand Half Marathon</li><br><br>
<li>Teachers Day</li><br><br>
<li>Chandi Utsav</li><br><br>
<li>Womens Day</li>
</ol>
<br><br>
<a href="right.html">Home</a>
</font>
</body>
</html>
