HTML_Lesson8
HTML_Lesson8
HTML_Lesson8
HTML
Tutorials
Lesson 8: HTML Frames
Discussion Flow
1. Define HTML Frames
2. Disadvantages of HTML Frames
3. Frameset Element and Its Attributes
4. Frame Element and its Attribute
5. Examples of HTML Frame Codes
HTML
HTML Frames
HTML
HTML Frames Drawback
1. Some browsers do not print well from framesets.
2. Some smaller devices cannot cope with frames. Often
because their screen is not big enough to be divided up.
3. Sometime your page will be displayed differently on
different computers due to different screen resolution.
4. The browser’s back button might not work as the user
hopes.
5. There are still few browsers who do not support frame
technology HTML
Frameset Element
- the <frameset> element replaces the <body> element in
frameset documents
- the <frameset> element defines how to divide the window
into frames.
- each frameset defines a set of rows or columns. If you define
frames by using rows then horizontal frames are created. If
you define frames by using columns then vertical frames are
created.
- the values of the rows/columns indicate the amount of HTML
<html>
<head><title> FRAMING TAGS</title></head>
<frameset attribute=“value”>
<frame attribute=“html file”>
</frameset>
</html>
HTML
The <frameset> Attributes
• Cols
• Rows
• Border
• Frameborder
• framespacing HTML
The <frameset> Attributes
</html>
The <frameset> Attributes
• frameborder – specifies
whether a three dimensional
border should be displayed
between frames..
HTML
<html>
<head><title> FRAMING TAGS</title></head>
<frameset rows="50%,50%“ frameborder=“1”>
<frame attribute=“html document">
<frame attribute=“html document">
</frameset>
</html>
HTML
The <frameset> Attributes
Attributes:
➢Src: indicates the URL of the document to be loaded into the frame.
➢MarginHeight: specifies the amount of white space to be left at the top and
bottom of the frame.
➢MarginWidth: specifies the amount of white space to be left along the sides of
the frame.
➢Name: gives the frame a unique name so it can be targeted by other documents.
The name given must be given with an alphanumeric character.
➢Noresize: disables the frame resizing capability.
➢Scrolling: controls the appearance of horizontal and vertical scrollbars in a frame.HTML
This takes the value YES/NO/AUTO.
Thanks for
watching and
listening HTML