Page 126 - TP_Plus_v2.2_Class_8
P. 126
<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.
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
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 which are
used to accept different types of information.
HTML provides two main tags which are <FORM> and <INPUT> to handle the forms on the web page.
Let us learn about these in detail.
124 Plus (Ver. 2.2)-VIII

