Nov 1, 2019

HTML lab work Exercises: 11

11) Create an HTML page to show the use of Navigation Frame.


 index.html

<!DOCTYPE html>
<html>
<head><title>Welcome</title></head>
<frameset rows="227,*">
<frame name="top" src="top.html">
<frameset cols="150,*">
<frame name="left" src="nav.html">
<frame name="main">
<body>index</body>
</html>


top.html

<!DOCTYPE html>
<html>
<head>
<title>BCA</title>
</head>

<body>
<h1 align="center"><font color = "green">MAR DIONYSIUS COLLEGE</font></h1>
<h2 align="center"><font color = "green">PAZHANJI</font></h2>
<h1 align="center"><font color = "blue">Department of Computer Applications</font></h1>
<center><img src="department.jpg" alt="description" width="20%"></center>

<p     align="justify"><strong>Computer Application is one of the thrust areas in Science and
                           technology. In appreciation of its growing importance in business
                           and the industrial scenario,the University established a Department 
                           of Computer Applications to facilitate research and human resources
                           development in the subject. The Department offers Bachelors' programme
                           in Computer Applications (B.C.A)</strong></p>

</body>
</html>


nav.html

 <!DOCTYPE html>
<html>
<head><title>nav</title></head>
<body>
<table border="0" width="70%">
<tr><td>Useful Links</td></tr>
<tr><td><li><a href="http://mdcollege.edu.in/" target="main">College</a></li></td></tr>
<tr><td><li><a href="https://www.uoc.ac.in/" target="main">University</a></li></td></tr>
<tr><td><li><a href="https://mooc.org/" target="main">MOOC</a></li></td></tr>
</table>
<br/>
<br/>
</body>
</html>


Output Screenshot




 

No comments:

Post a Comment