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
   32   33   34   35   36   37   38   39   40   41   42