Page 77 - TrackpadV2.1_Class8
P. 77

Syntax:
                 <iframe src=”url” title=”description”></iframe>

                 We use the src attribute to specify the URL of the document that contains the inline frame and the
                 title attribute to describe the content of the iframe.

                 Other attributes of <iframe> tag are:

                   Height: It is used to control the height of the iframe and its values can be specified in pixel or
                   percentage (px or %).
                   Width: It is used to control the width of the iframe and its values can be specified in pixel or

                   percentage (px or %).
                 Example:

                 <!DOCTYPE HTML>
                 <HTML>
                     <HEAD>
                     <TITLE> iframes Example </TITLE>
                     <STYLE>
                     Body {Background-Color:Grey}
                     </STYLE>
                     </HEAD>
                 <BODY>
                 <H1 STYLE = "text-align:center"> Example of double spread containing
                 inline frames </H1>
                 <iframe src = "Frame1.html" Height = "200" Width = "200"> </iframe>
                 <iframe src = "Frame2.html" Height = "200" Width = "200"> </iframe>
                 </BODY>
                 </HTML>





















                 To run the provided HTML code successfully, you will need two additional HTML files that the
                 iframe elements will load. These files are specified by the src attributes in the iframe tags.

                   Frame1.html: This is the file that will be loaded into the first iframe.
                   Frame2.html: This is the file that will be loaded into the second iframe.




                                                                                   Images, Links and Forms in HTML5  75
   72   73   74   75   76   77   78   79   80   81   82