Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 37 - 2625 PortGPt V2.1
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

| 32 33 34 35 36 37 38 39 40 41 42 |