Page 73 - Trackpad_V1_Book 7_Flipbook
P. 73

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 Type = "text/css">

                     Body {Background-Color:Blue}

                     </Style>
                     </HEAD>
                 <BODY>

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


                 BORDER PROPERTY
                 We can display frames with or without borders by applying the CSS property – Border.




                                                                                   Images, Links and Forms in HTML5  71
   68   69   70   71   72   73   74   75   76   77   78