Q5

Question 5

Create an HTML document (having multiple frames) showing horizontal and vertical frames having Internal and External links to different web pages. Apply CSS styles for formatting the webpages.

Tags that will be used:

  • <style>

  • <a>

  • <frame>

  • <frameset>

and other attributes to stylize.

Browse Source Code

Code

<html>

<head>
  <style>
    <link rel="stylesheet"href="frames.css">
  </style>
  <title>
    html-5
  </title>
</head>

<body>
  <a href="frames_vertical.html">
    <h2>Vertical Frames</h2>
  </a>

  <ol>
    <li><a href="frame_1.html">Frame 1</a></li>
    <li><a href="frame_2.html">Frame 2</a></li>
    <li><a href="frame_3.html">Frame 3</a></li>
    <li><a href="frame_4.html">Frame 4</a></li>

  </ol>
  <br>
  <a href="frames_horizontal.html">
    <h2>Horizontal Frames</h2>
  </a>
  <ol>
    <li><a href="frame_1.html">Frame 1</a></li>
    <li><a href="frame_2.html">Frame 2</a></li>
    <li><a href="frame_3.html">Frame 3</a></li>
    <li><a href="frame_4.html">Frame 4</a></li>

  </ol>

</body>

</html>
750B
html-5.html
html-5.html

Output

Image output for html-5.html

Image output for frames_vertical.html

Image output for frames_horizontal.html

Image output for frames_vertical.html (frames order interchanged)

Image output for frames_horizontal.html (frames order interchanged)

Image output for full frames project

Try or Test The Corresponding Code Here

Logohtml-5CodePen
Live Demo html-5.html

PreviousQ4NextQ6

Last updated