Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 106 - ClickGPT V4.0 C-5
P. 106

    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.

                              Quick Quiz

                    1.  Which HTML tag is used to create a hyperlink?

                               a. <img>                                           b. <a>

                    2.  What type of content can be embedded in a web page using the <video> and <audio> HTML tags?
                               a. Images                                          b. Video and Audio

                    3.  What does the term "linking web pages" refer to in the context of web development?
                               a. Inserting images into a web page

                               b. Creating connections between different web pages

                            Premium Edition-V
                    104

| 101 102 103 104 105 106 107 108 109 110 111 |