Practical 6


<html>
<head>
<title> Practical 6 </title>
<style>
table {
width:100%;
height:100%;
background-color:white;
}
iframe{
width:100%;
height:100%;
align:left;
}
</style>
</head>
<body style="font-size:25;font-family:lucida console;color:black;background-color:orange;">

<h1 style="text-align:center;font-family:gungsuh;color:white; padding:40px;background-color:darkred;">
Bhaskaracharya College of Applied Sciences (BCAS)<hr style="height:5; background-color:white;">
Delhi University (DU)
</h1>
<p style="text-align:center;">
<b><u>Departments</u></b><hr>
</p>

<table><tr style="width:100%;"><th style="width:20%"><iframe src="f1.html" target="f2"></iframe></th>
<th style="width:80%"><iframe name="f2"></iframe></th></tr></table>

Frame 1 Code

<!DOCTYPE html>
<html>
<head>
<style>
body {
  margin: 0;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: black;
  position: fixed;
  height: 100%;
  overflow: auto;
  text-align:center;

}

li a {
  border-bottom:2px solid grey;
  display: block;
  color: white;
  padding: 8px 16px;
  text-decoration: none;
  font-family: arial;
  font-size:20px;
}

li a.main {
  background-color: blue;
  color: cyan;
}

li a:hover {
  background-color: white;
  color: black;
}
</style>
</head>
<body>

<ul>
  <li><b><a class="main" href="#" id="s">Select Department</a></b></li>
  <li><b><a href="https://bcas.du.ac.in/academics/department-2/department-of-physics/" target="f2">Physics</a></b></li>
  <li><b><a href="https://bcas.du.ac.in/academics/department-2/department-of-chemistry/" target="f2">Chemistry</a></b></li>
  <li><b><a href="https://bcas.du.ac.in/academics/department-2/department-of-biology/" target="f2">Biology</a></b></li>
  <li><b><a href="https://bcas.du.ac.in/academics/department-2/department-of-mathematics/" target="f2">Maths</a></b></li>
  <li><b><a href="https://bcas.du.ac.in/academics/department-2/department-of-computer-science/" target="f2">Computer Science</a></b></li>
  <li><b><a href="https://bcas.du.ac.in/academics/department-2/department-of-microbiology/" target="f2">Microbiology</a></b></li>
  <li><b><a href="https://bcas.du.ac.in/academics/department-2/department-of-biomedical-science/" target="f2">Biomedical Science</a></b></li>
  <li><b><a href="https://bcas.du.ac.in/academics/department-2/department-of-english/" target="f2">English</a></b></li>
  <li><b><a href="https://bcas.du.ac.in/academics/department-2/department-of-environment-science/" target="f2">Environmental Science</a></b></li>
  <li><b><a href="https://bcas.du.ac.in/academics/department-2/department-of-food-technology/" target="f2">Food Technology</a></b></li>
  <li><b><a href="https://bcas.du.ac.in/academics/department-2/department-of-electronics/" target="f2">Electronics</a></b></li>
  <li><b><a href="https://bcas.du.ac.in/academics/department-2/department-of-instrumentation/" target="f2">Instrumentation</a></b></li>
  <li><b><a href="https://bcas.du.ac.in/academics/department-2/department-of-human-communication/" target="f2">Human Communication</a></b></li>
  <li><b><a href="https://bcas.du.ac.in/academics/department-2/department-of-biochemistry/" target="f2">Biochemistry</a></b></li>
</ul>
</body>
</html>

<hr><p style="text-align:right;font-size:13;"><em>
Created by Nabdeep Patel</a>
</em></p>

</body>
</html>

Edit
Pub: 12 Nov 2022 04:30 UTC
Views: 76