<FRAME>, <FRAMESET>, and <IFRAME>

Quadzilla Archive

Frames Syntax - Quick Reference

Tag Attrib. Description Short Example

FRAMESET

COLS Divides the screen up into columns <frameset cols="30%,70%">

ROWS Divides the screen up into rows <frameset rows="100,*,50">

FRAMEBORDER Border in all frames <frameset frameborder="no">

IExplorer Only FRAMESPACING Sets space around the frame <frame framespacing="20">

Netscape Only BORDER Width of all the borders in pixels <frameset border="3">

Netscape Only BORDERCOLOR Border color in all frames <frameset bordercolor="#FF0000">

FRAME SRC Page URL of the frame <frame src="navigation.htm">

NAME Sets the name of the frame for targets <frame name="main">

SCROLLING Sets scrolling of the frame <frame scrolling="no">

NORESIZE Stops the ability to resize <frame noresize>

MARGINWIDTH Sets left/right margins in the frame <frame marginwidth="10">

MARGINHEIGHT Sets top/bottom margins in the frame <frame marginheight="15">

IExplorer Only FRAMEBORDER Border in the frame <frame frameborder="0">

IExplorer Only FRAMESPACING Sets space around the frame <frame framespacing="20">

Netscape Only BORDERCOLOR Border color in the frame <frame bordercolor="#FFFF00">

<html>
<head>
	<title>Mike Cunningham's Web Site</title>
</head>

	<frameset cols="120,*" 
		frameborder="0"
		framespacing="0">
	<frame src="left.htm" 
		name="left"
		marginwidth="0" 
		marginheight="0" 
		noresize scrolling="no">
	<frameset rows="28,*"
		frameborder="0" framespacing="0">
	<frame src="header.htm"
		name="header" 
		marginwidth="0" 
		marginheight="0" noresize
		scrolling="no">
	<frame src="main.htm" name="main"
		marginwidth="5" 
		marginheight="5" 
		noresize>
        
      
	</frameset>
    
  
  <noframes>
  <body bgcolor="#FFFFFF"
    text="#3C3C3C" link="#800000" vlink="#800000">
  <p align="center">You need a browser
    with frame support to view this site.</p>
  </body>
  </noframes>
  </frameset>

</html>

Reserved Target Frames

_blank: Loads the linked document into a new blank window. Try it

_self

Loads the linked document into the same frame as the anchor. Useful for overriding a global BASE target. I use this throughout the Frame tutorial for the links at the bottom. Frames Syntax - Quick Reference

_parent

Loads the linked document into the immediate parent frame of the frame containing the anchor. Acts like "_self" when the frame has no parent. Pay attention to my top frame and how it differs from _self. I use parent targets a lot throughout the site. For example going from here to the Table Tutorial. The source is for that link is

	<a href="../Tables/index.html"
	target="_parent">Table Tutorial</a>.

_top

Loads the linked document into the entire window. Useful for breaking out of nested FRAMEs and for external links. Try it

IFRAME	Remember, this is for Floating Frames and is only seen in Internet Explorer 3.0 and above.
	SRC	Page URL of the frame	`<iframe src="navigation.htm">`
	NAME	Sets the name of the frame for targets	`<iframe name="main">`
	WIDTH	Sets the width of the frame	`<iframe width="200">`
	HEIGHT	Sets the height of the frame	`<iframe height="50%">`
	FRAMEBORDER	Sets the amount of 3D look	`<iframe frameborder="0">`
	SCROLLING	Sets scrolling of the frame	`<iframe scrolling="no">`
	HSPACE	Sets horizontal spacing around the frame	`<iframe hspace="15">`
	VSPACE	Sets vertical spacing around the frame	`<iframe vspace="10">`
	ALIGN	Aligns the frame left or right	`<iframe align="right">`
Floating Frames support a lot of the same attributes as Images, so learning is easy.

Frames Introduction | Laying Out, Naming, and Targeting Frames
Floating Frames (IE Only) | Frames Syntax - Quick Reference
Javascript & Frames | Frame Tips

Check out D.J. Quad's Ultimate Frames Tutorial
if you're more interested in learning frames!

Up to => Home / Quadzilla / Tag_Ref

Jupiter Online Media:

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and Jupiter Online Media

Jupitermedia Corporate Info

Legal Notices, Licensing, & Permissions, Privacy Policy.

Web Hosting | Newsletters | Tech Jobs | Shopping | E-mail Offers