mail@pastecode.io avatar
7 months ago
2.4 kB
<title>Frameset Example Title (Replace this section with your own title)</title>
This template is available for free download from the Quackit website.

If you have found it to be useful, please consider linking from your website to http://www.quackit.com


Note the following:
1. Each frame has its own 'frame' tag.
2. Each frame has a name (eg, name="menu"). This is used for when you need to load one frame from another. For example, your left frame might have links that, when clicked on, loads a new page in the right frame. This is acheived by using 'target="content"' within your links/anchor tags.
3. Each 'frame' tag has a 'src' attribute. This is where you specify the name of the file to be loaded into that frame when the page first loads.
4. You can change the size of the frames by changing the value of the 'cols' and/or 'rows' attribute. A value of "200" sets the frame at 200 pixels. An asterisk (*) specifies that the frame should use up whatever space is left over from the other frames. You can also use percentage values if desired (i.e. 20%,80%)
5. To specify a border, set 'frameborder' and 'border' to "1". I included both attributes for maximum browser compatibility.
6. The 'framespacing' attribute doesn't work in all browsers, but you can set any numeric value you like here.
7. To learn more about HTML frames, check out: http://www.quackit.com/html/tutorial/html_frames.cfm

<frameset rows="100,*,80" frameborder="0" border="0" framespacing="0">
  <frame name="topNav" src="top_nav.html">
<frameset cols="200,*" frameborder="0" border="0" framespacing="0">
	<frame name="menu" src="menu_1.html" marginheight="0" marginwidth="0" scrolling="auto" noresize>
	<frame name="content" src="content.html" marginheight="0" marginwidth="0" scrolling="auto" noresize>

  <frame name="footer" src="footer.html">

<p>This section (everything between the 'noframes' tags) will only be displayed if the users' browser doesn't support frames. You can provide a link to a non-frames version of the website here. Feel free to use HTML tags within this section.</p>