Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 48 - 2606_PlugGPT_C7_Flipbook
P. 48

    iFRAMES AND CSS

                      Let's learn the properties of CSS to make frames attractive.

                      HEIGHT AND WIDTH PROPERTIES
                      We can also use the style attribute and use CSS height and width properties to control the
                      frames.

                      Example:

                      <!DOCTYPE HTML>
                      <HTML>
                      <HEAD>
                      <TITLE> iframes Example </TITLE>

                      <STYLE>
                      Body {Background-Color:Blue}
                      </STYLE>
                      </HEAD>
                      <BODY>

                      <H1 STYLE = "text-align:center"> Example of double spread containing
                      inline frames </H1>
                      <iframe src = "Frame1.html" Style="Height:200px;Width:200px;" Title =
                      "iframe Example"> </iframe>
                      <iframe src = "Frame2.html" Style="Height:200px;Width:200px;" Title =
                      "iframe Example"> </iframe>
                      </BODY>
                      </HTML>

                      The web browser displays the inline frames.

                       46   Premium Edition-VII

| 43 44 45 46 47 48 49 50 51 52 53 |