The Layout of HTML Frames

You’re probably wondering how the frames format on the screen. What you need will be columns and rows as those are required to have the best effect and make it look somewhat organized. This item itself does come in handy but you need the basic code to understand how it works. What needs to happen is you need to know how many frames you intend to use. Look below at this example.

<frameset rows=85,* cols=85,*>
<frame src="top_left.html" name="Large">
<frame src="top_right.htm" name="Navbar">
<frame src="bottom_left.html" name="Navbar2">
<frame src="bottom_right.html" name="Navbar2">
</frameset>
<noframes>
- This is seen because the frames aren’t browser compatible. -
</noframes>

This is very simple example of frames layout (and most often used).

<frameset rows="*" cols="80,*">
   <frame src="frame1.html" name="top">
   <frameset rows="80,*">
      <frame src="frame2.html" name="left">
      <frame src="frame3.html" name="right">
   </frameset>
</frameset>

This example shows frames with a complex structure. Remember to keep the body tag out as it won’t be needed at all. This is where you have to put in the <noframe> tag. This way, you make sure that you can have your page viewed without fail.

I don’t use frames at all as I don’t feel there are very handy or make the pages look good. However, it isn’t for me to tell you not to use them. The main positive feature is that you learn how to use them and how they operate. You need to consider the following items below before even doing this.

  • Know how you want to format it. It is the single most important items and can't be stressed enough.
  • If you try to have it to go to a site that's not yours, use the _top part and it should remove the frames.
  • Don't use them unless necessary or want to experiment with them.
  • Make sure the frames are organized.

Again, this is something I’m going to be using much but if you need to work on them or are curious, then that’s fine.

HTML Frames menu.