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>

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 document

Get Help Now

Submit a Take Down Notice

Tutor
Tutor: Dr Jack
Most rated tutor on our site