Page 87 - TP_Play_V2.1_class8
P. 87
<TITLE> Frames </TITLE>
</HEAD>
<BODY>
<IFRAME SRC="Home.html" NAME="iframe1" WIDTH="30%" HEIGHT="550px"
STYLE="float:left;"></IFRAME>
<IFRAME SRC="Activities.html" NAME="iframe2" WIDTH="70%" HEIGHT="550px"
STYLE="position:absolute;"></IFRAME>
</BODY>
</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. 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.
Output
FORMS IN HTML5
We have seen various types of forms, such as a registration form, a login form, and a feedback
form on different websites. These forms are created using HTML5. Generally, a form is a collection
of different types of fields taking input from a user. Online forms have replaced paper-based
forms. Nowadays, most schools, universities, and commercial organisations use online forms
to submit or accept information. These forms incorporate different types of fields, such as text
boxes, check boxes, radio buttons, drop-down menus and passwords, etc., to collect different
types of information.
Images, Links and Frame in HTML5 85

