- Get link
- X
- Other Apps
Develop a HTML document to implements Quick View of your College Calendar. Create a document with the name, "Sidebar.html" with an unordered list of four links. Add a target property to each link. Use horizontal and vertical frames and hyperlinks to design the page
Code:
Frameset: Create a new file named frameset.html
<!DOCTYPE html>
<html>
<frameset rows="25%,*" frameborder="1" framespacing="5" border="3">
<frame name="top" src="title.html">
<frameset cols="35%,*" framespacing="5" border="3">
<frame name="left" src="sidebar.html">
<frame name="right">
</frameset>
</frameset>
</html>
Sidebar: Create a new file named sidebar.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>SFC</title>
</head>
<body>
<ul type="circle">
<li><a href="about.html" target="right">About Us</a></li>
<li><a href="course.html" target="right">Course</a></li>
<li><a href="faculty.html" target="right">Faculty</a></li>
<li><a href="rules.html" target="right">Rules</a></li>
</ul>
</body>
</html>
Title: Create a new file named title.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>SRINIVAS UNIVERSITY</title>
</head>
<body bgcolor="bisque">
<h1 style="margin-top: 60px;"><center>SRINIVAS UNIVERSITY</center></h1>
</body>
</html>
About: Create a new file named about.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>About Us</title>
</head>
<body>
<p>Srinivas University, Mangalore, is a Private Research University in Mangalore,
Karnataka, India established in 2013 by Karnataka State Act. Srinivas University is the flagship of
18 Srinivas Group of Institutions started by A. Shama Rao Foundation, Mangalore, India, a private
Charitable Trust founded in 1988 by an Eminent Chartered Accountant A. Raghavendra
Rao. </p><br>
<p>A. Shama Rao Foundation has started many professional colleges in Mangalore
which include Srinivas Institute of Medical Sciences and Research Center, Srinivas Institute of
Dental Sciences, Srinivas Institute of Technology, Srinivas College of Pharmacy, Srinivas Institute
of Nursing Sciences, A Shama Rao Nursing School, Srinivas Integrated Campus, Srinivas College of
Hotel Management, Vijayalakshmi Institute of Hospitality Sciences, Srinivas First Grade College,
Srinivas School of Engineering, Srinivas Institute of Management Studies, Srinivas College of
Physiotherapy, Srinivas School of Business, Srinivas School of Management, Srinivas College of
Education, Srinivas Institute of Social Work</p>
</body>
</html>
Course: Create a new file named course.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Course</title>
</head>
<body>
<h1>Course</h1>
<ul>
<li>UG Programs</li>
<ul>
<li>BCA</li>
<li>B.Com</li>
<li>BBA</li>
</ul>
<li>PG Programs</li>
<ul>
<li>MCA</li>
<li>M.Com</li>
<li>MBA</li>
</ul>
</ul>
</body>
</html>
Faculty: Create a new file named faculty.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Faculty</title>
</head>
<body>
<h1>Faculty</h1><br>
<ol type="1">
<li>Prof. Shridhar Acharya</li>
<li>Prof. Krishna Prasad</li>
<li>Prof. Chaitra</li>
<li>Prof. Mangesh</li>
<li>Prof. Sangeetha</li>
<li>Prof. Anusha</li>
</ol>
</body>
</html>
Rules: Create a new file named rules.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Rules</title>
</head>
<body>
<h1>Rules</h1><br>
<ol>
<li>Remain within college boundaries at all times. Students leaving the campus must have
a Student Pass and must be accompanied by a parent/guardian. (Leaving campus without
consent is a Class C offense, prohibited by DOE Rules).</li>
<li> Avoid using abusive or profane language and gestures. (Disorderly Conduct, a Class
B offense)</li>
<li> Do not climb trees, gates, railings, fences, and the school buildings</li>
<li> Respect the property rights of others.</li>
<li> Leave the premises immediately after school duties/responsibilities are
completed.</li>
<li> Buying/selling of personal items and trading are not allowed.</li>
</ol>
</body>
</html>
Output:
