Page 86 - Touchpad_Plus_V3.2_Class 8
P. 86

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






















                                                                 Output

                  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.


                         Restart


                        HTML also allows us to insert images inside the web pages through the <IMG> tag.

                        A website is a collection of web pages that are interlinked with each other and contain
                       related information.
                        A hyperlink is generally an underlined text that takes the user to another web page when
                       clicked.

                        The Anchor tag is used for creating hyperlinks in HTML web pages.
                        HTML provides a feature to display more than one web page on a single screen of the
                       web browser.

                        The <IFRAME> tag in HTML allows you to embed another HTML document within your
                       current web page.




               84       Plus (Ver. 3.2)-VIII
   81   82   83   84   85   86   87   88   89   90   91