Page 81 - CodePilot V5.0 C8

BRIDGE BACK

1. Have you ever filled out a form while shopping online or signing up for a game? What kind of
details were you asked to enter?

2. Imagine you’re looking at different websites at the same time. Have you seen a web page split into
sections showing different things? What do you think this layout helps with?

In your previous class, you learnt how to arrange
data on a web page using lists and tables for
better organisation. In this chapter, you’ll explore
more exciting HTML features, such as dividing a The HTML ecosystem has evolved since 1991,
page into sections with frames and collecting adding new features to help web developers

user data through forms. improve applications. The latest version,
HTML5, was released in 2014.

FRAMES IN HTML5

A frame is used to display another web pages. In other words, a frame embeds another document
within the current HTML document in a rectangular region. The <IFRAME> tag defines an inline
frame. It is a container tag. The syntax for using the <IFRAME> tag is as follows:

<IFRAME SRC="URL" NAME="DESCRIPTION">......</IFRAME>
The uses of inline frames are:
SHORT SIGN
You can use it to embed Google Maps within your web page.
To search for code in
You can embed multimedia content.
a Notepad document:
You can include coding examples from other websites. Ctrl + F
You can display external web pages within your web page.

The following table lists the attributes of the <IFRAME> tag:

Attribute Name Values Description

SRC URL or file path It is used to specify the URL of the web page that
you want to display in the frame.
ALLOWFULLSCREEN No value needed It specifies whether the frame opens in full screen.

HEIGHT or WIDTH Value in pixels It specifies the height and width of the embedded
or percentage frame, with default values of 150px and 300px,
respectively.
NAME Name of the It specifies the frame’s name and is used to create

frame links targeting the frame.

79
Frames and Forms in HTML5