Frames allow you to divide the page in to one or more separate areas;
frames. With frames you can keep part of the page stationary while the
other parts change (e.g. navigation), no wonder they are quite popular in the
Internet. Frames also help managing the page, making the layout more handy and
attractive. To make frames you need the following tags: <FRAMESET ...></FRAMESET>, <FRAME ...> and <NOFRAMES></NOFRAMES> (optional, but highly
recommended).
<FRAMESET ...></FRAMESET> defines the
general layout for the page. It creates a table of documents, each cell
of the table holds a separate document. <FRAMESET
...></FRAMESET> can contain several attributes:
- COLS: How many cols in the frameset
- ROWS: How many rows in the frameset
- FRAMEBORDER: If the frames should have borders
- FRAMESPACING: Space between the frames
- BORDER: Space between frames
- BORDERCOLOR: Color of frame borders
<FRAME ...> is the actual frame element. It
always comes inside the <FRAMESET
...></FRAMESET>. <FRAME ...>
can contain several attributes:
- SRC: What file to put in the frame
- NAME: The name of the frame
- SCROLLING: Should the frame have a scrollbar?
- NORESIZE: Don't let the user resize the frame
- FRAMEBORDER: Should this frame have a border?
- BORDERCOLOR: Color of the surrounding border
- MARGINWIDTH: The internal left and right margins
for the frame
- MARGINHEIGHT: The internal top and bottom margins
for the frame
<NOFRAMES></NOFRAMES> holds text that
should be displayed for people who don't have frames. Every modern browser
should support frames, but it's best to think about everything. <NOFRAMES></NOFRAMES> should be used in the
same document as <FRAMESET
...></FRAMESET>. <NOFRAMES></NOFRAMES> should be inside the
outermost <FRAMESET ...></FRAMESET>
element. It has no attributes.
|
Example #1 |
Frames could seem hard to get at first. You may want to use EasyHtml's HTML
Wizard to create frames, or you could experiment with the frame template that
comes with EasyHtml! Example of a simple frameset:
<HTML>
<HEAD>
<META NAME="generator" CONTENT="ToniArts EasyHtml
v.2.4">
<TITLE>Title of your frame</TITLE>
</HEAD>
<FRAMESET
COLS="20%,*" FRAMEBORDER="2">
<FRAME SRC="left.htm" NAME="left" SCROLLING="auto" NORESIZE>
<FRAMESET ROWS="50%,50%" FRAMEBORDER="2">
<FRAME SRC="top.htm" NAME="top" SCROLLING="auto" NORESIZE>
<FRAME SRC="bottom.htm" NAME="bottom" SCROLLING="auto" NORESIZE>
</FRAMESET>
<NOFRAME>
Browser doesn't support frames!
</NOFRAME>
</FRAMESET>
</HTML>
Would look something like this:
|
Click here to return to the contents...
|
