Page 37 - PortGPT_V2.1_C8_Flipbook
P. 37
• NAME: It is used to specify the name of the frame. This name can be used in the TARGET attribute
of the <A> tag.
Let us create a web page using the <IFRAME> tag.
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE> Frames </TITLE>
</HEAD>
<IFRAME SRC="Home.html" NAME = "iframe1" WIDTH="30%" HEIGHT="100%"
STYLE="float:left;">
</IFRAME>
<IFRAME SRC="Activities.html" NAME="iframe2" WIDTH="70%" HEIGHT="100%"
STYLE="position:absolute;">
</IFRAME>
</HTML>
In the preceding code, we have divided
the browser window into two columns.
In the left column, the Home page of
the ABC Public School website will open.
When we click any hyperlink from the left
column, the linked web page will appear
in the right column. Ensure that all the
hyperlinks should contain the TARGET
attribute with 'iframe2' as value. Output
as shown below:
The float and position properties of CSS
are used to display frames side by side. Output
You can also hide the border of the frames
by using the border property of CSS. You can change style of the border of frames by using the
border-style property of CSS. You will learn more about CSS in the next chapter.
CREATING FORMS IN HTML
We have seen various types of forms such as registration form, login form and feedback form on the
different types of websites. These forms are created by using HTML. Generally, a form is collection of
different types of fields to take the input from the user on the web page. It replaces the paper-based
forms used earlier. Nowadays, we notice that most of the schools, universities and other commercial
organisations use the online forms to submit or accept the information. There are different types of
fields such as text boxes, check boxes, radio buttons, drop-down menus and password are used to
accept different types of information.
HTML Frames and Forms 35

