Frameset
description
Transcript of Frameset
![Page 1: Frameset](https://reader037.fdocuments.us/reader037/viewer/2022110102/56813eef550346895da96a1e/html5/thumbnails/1.jpg)
Frameset
popo
![Page 2: Frameset](https://reader037.fdocuments.us/reader037/viewer/2022110102/56813eef550346895da96a1e/html5/thumbnails/2.jpg)
FrameSet• With frames, we can display more than
one HTML document in the same browser window.
• Each HTML document is called a frame, and each frame is independent of the others.
popo
![Page 3: Frameset](https://reader037.fdocuments.us/reader037/viewer/2022110102/56813eef550346895da96a1e/html5/thumbnails/3.jpg)
FrameSet• The Frameset Tag• The <frameset> tag defines how to
divide the window into frames• Each frameset defines a set of rows or
columns• The values of the rows/columns indicate
the amount of screen area each row/column will occupy
popo
![Page 4: Frameset](https://reader037.fdocuments.us/reader037/viewer/2022110102/56813eef550346895da96a1e/html5/thumbnails/4.jpg)
FrameSet• <html>• <frameset rows="30%,*">• <frame src="menu.html">• <frame src="content.html">• </frameset>• </html
popo
![Page 5: Frameset](https://reader037.fdocuments.us/reader037/viewer/2022110102/56813eef550346895da96a1e/html5/thumbnails/5.jpg)
FrameSet• In the example frameset with two columns. • The first column is set to 30% of the width
of the browser window. • The second column is set to 70% of the
width of the browser window. • The HTML document “menu.htm" is put into
the first column, and the HTML document “content.htm" is put into the second column
popo
![Page 6: Frameset](https://reader037.fdocuments.us/reader037/viewer/2022110102/56813eef550346895da96a1e/html5/thumbnails/6.jpg)
FrameSet• If a frame has visible borders, the user
can resize it by dragging the border. • To prevent a user from doing this, you
can add noresize="noresize" to the <frame> tag.
popo
![Page 7: Frameset](https://reader037.fdocuments.us/reader037/viewer/2022110102/56813eef550346895da96a1e/html5/thumbnails/7.jpg)
FrameSet• Cannot use the <body></body> tags
together with the <frameset></frameset> tags
•
popo
![Page 8: Frameset](https://reader037.fdocuments.us/reader037/viewer/2022110102/56813eef550346895da96a1e/html5/thumbnails/8.jpg)
FrameSet• <html>• <frameset rows="50%,50%">• <frame noresize="noresize" src="frame_a.htm">• <frameset cols="25%,75%">• <frame noresize="noresize" src="frame_b.htm">• <frame noresize="noresize" src="frame_c.htm">• <frame name="aa">• </frameset>• </frameset>• </html>0
popo
![Page 9: Frameset](https://reader037.fdocuments.us/reader037/viewer/2022110102/56813eef550346895da96a1e/html5/thumbnails/9.jpg)
FrameSet• frame_c.htm• <a href=“load.html” target=aa> onr</a>
popo
![Page 10: Frameset](https://reader037.fdocuments.us/reader037/viewer/2022110102/56813eef550346895da96a1e/html5/thumbnails/10.jpg)
FrameSet• The scrolling attribute specifies whether or
not to display scrollbars in a <frame>.• By default, scrollbars appear • <frame scrolling="auto|yes|no">• Auto- Scrollbars appear if needed (this is
default)• Yes- Scrollbars are always shown (even if they
are not needed)• No-Scrollbars are never shown (even if they
are needed)
popo
![Page 11: Frameset](https://reader037.fdocuments.us/reader037/viewer/2022110102/56813eef550346895da96a1e/html5/thumbnails/11.jpg)
FrameSet• The frameborder attribute specifies
whether or not to display a border around a frame.
• <frame frameborder="1|0">• 1-Border on (this is default)• 0-Border off
popo
![Page 12: Frameset](https://reader037.fdocuments.us/reader037/viewer/2022110102/56813eef550346895da96a1e/html5/thumbnails/12.jpg)
FrameSet• The marginheight attribute specifies the
height between the content and the top and bottom of the frame, in pixels.
• <frame marginheight="pixels">
popo
![Page 13: Frameset](https://reader037.fdocuments.us/reader037/viewer/2022110102/56813eef550346895da96a1e/html5/thumbnails/13.jpg)
FrameSet• The name attribute specifies the name
of a <frame> element.• <frame name="text">
popo
![Page 14: Frameset](https://reader037.fdocuments.us/reader037/viewer/2022110102/56813eef550346895da96a1e/html5/thumbnails/14.jpg)
FrameSet• The noresize attribute specifies that a
<frame> element cannot be resized by the user.
• <frame noresize="noresize"> • By default, each <frame> in a <frameset>
can be resized
popo
![Page 15: Frameset](https://reader037.fdocuments.us/reader037/viewer/2022110102/56813eef550346895da96a1e/html5/thumbnails/15.jpg)
FrameSet• <html>• <frameset rows="20%,*">• <frame src="a.html" scrolling="no"
frameborder="0" marginheight="50">• <frameset cols="25%,75%">• <frame src="b.html">• <frame src="c.html" name=c>• </frameset>• </frameset>• </html>0
popo