Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 77 - 2620_Birla Open Mind C-8
P. 77

    WIDTH: It is used to specify the width of the frame.

                        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>

                     <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.

                                                                                        #Images, Links & Frames in HTML5  75

| 72 73 74 75 76 77 78 79 80 81 82 |