Quick Reference: Creating Frame-Based Pages
Frames are another example of simple HTML that can become very complex. Complicated framesets with nested frames can be quite confusing to set up. However, a basic frameset is easy to do. The following table lists the necessary elements and attributes:
To Do This | Use This |
---|---|
Add an XHTML frameset <!DOCTYPE> declaration | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "DTD/xhtml1-frameset.dtd"> |
Create a frameset | <frameset> </frameset> |
Create a frame | <frame /> |
Specify a frame’s source file | <frame src="page1" /> |
Assign a name to your frame | <frame name="frame1" /> |
Provide content for noncompatible browsers | <noframes> </noframes> |
Specify rows | <frameset rows="#"> (Pixels or percentages) |
Specify columns | <frameset cols="#"> (Pixels or percentages) |
Turn borders off | <frame frameborder="no" /> (Default is "yes") |
Prevent resizing | <frame noresize /> |
Add or remove scroll bar | <frame scrolling="auto | yes | no" /> (Default is "auto") |
Control margins | <frame marginheight="#" marginwidth="#" /> (# = pixels) |
Create a two column frameset | <frameset cols="#, #"><frame src="webpage1" /><frame src="webpage2" /></frameset> |
Create a two row frameset | <frameset rows="#, #"><frame src="webpage1" /><frame src="webpage2" /></frameset> |
Create a nested frameset | <frameset cols="#, #"><frame src="webpage1" /><frame src="webpage2" /><frameset rows="#, #"><frame src="webpage3 /><frame src="webpage4 /></frameset></frameset> |