search

Q5

Question 5

hashtag
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.

circle-info

Tags that will be used:

  • <style>

  • <a>

  • <frame>

  • <frameset>

and other attributes to stylize.

Browse Source Codearrow-up-right

hashtag
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>
file-download
750B
html-5.html
arrow-up-right-from-squareOpen
html-5.html

hashtag
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

circle-check

Try or Test The Corresponding Code Here

Logohtml-5CodePenchevron-right
Live Demo html-5.html

PreviousQ4NextQ6

Last updated