0% found this document useful (0 votes)
2 views19 pages

HTML_Lesson8

Download as pdf or txt
Download as pdf or txt
Download as pdf or txt
You are on page 1/ 19

HTML

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

- are used to divide your browser window into


multiple sections where each section can load a
separate HTML document. A collection of frames in
the browser window is known as a frameset.

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

screen area each row/column will occupy.


The <frameset>…</frameset> Element

<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

• cols – specifies how many


columns are contained in the
frameset and the size of each
column.
HTML
<html>
<head><title> FRAMING
TAGS</title></head>
<frameset cols="50%,50%">
<frame attribute=“html document">
<frame attribute=“html document">
</frameset>
HTML

</html>
The <frameset> Attributes

• rows – specifies how many rows


• are contained in the frameset
and the size of each column.
HTML
<html>
<head><title> FRAMING
TAGS</title></head>
<frameset rows="50%,50%">
<frame attribute=“html document">
<frame attribute=“html document">
</frameset>
</html> HTML
The <frameset> Attributes

• border – specifies the width of


the border of each frame in
pixels. .
HTML
<html>
<head><title> FRAMING
TAGS</title></head>
<frameset rows="50%,50%“ border=“2”>
<frame attribute=“html document">
<frame attribute=“html document">
</frameset>
</html> 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

• framespacing – specifies the


amount of space between
frames in a frameset.
HTML
<html>
<head><title> FRAMING TAGS</title></head>
<frameset rows="50%,50%“ framespacing=“2”>
<frame attribute=“html document">
<frame attribute=“html document">
</frameset>
</html>
HTML
The <frame>…</frame> Element
this tag contains the frame content. It tells the browser, what to put in each frame. Each
frameset must include a <FRAME> definition for each division. It is a singular tag.

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

You might also like