Create a HTML document that has two frames in one column The
Create a HTML document that has two frames in one column. The top frame, which must be 20 percent of the column, must have at least four links to other documents; the bottom frame will display those documents. The links must be names of cars; the documents must has one line descriptions of the cars.
Solution
<html>
<head>
<title>Cars</title>
<style>
ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 400px;
height: 20%;
background-color: yellow;
}
li{
padding: 10px;
text-align: center;
}
div.column{
background-color: lightgrey;
display: block;
width: 400px;
height: 800px;
}
</style>
</head>
<body>
<h2>Navigation Bar</h2>
<div class=\"column\">
<ul>
<li><a href=\"#\">Volkswagen</a></li>
<li><a href=\"#\">Lamborghini</a></li>
<li><a href=\"#\">Porshe</a></li>
<li><a href=\"#\">Ferrari</a></li>
</ul>
<h3 align=\"center\">Documents</h3>
<p class=\"V\">Volkswagen is a German Auto maker founded on 4th January 1937 by the German labour front.</p>
<p class=\"L\">Lamborghini is an italian Brand and manufacturer of luxury sports car and SUV\'s</p>
<p class=\"P\">Porshe is a German auto mobile manufacturer, specializing in high performance, sport cars and SUV\'s</p>
<p class=\"F\">Ferrari is the wordls most powerful brand, according to brand Finance.</p>
</div>
</body>
</html>
