Page 73 - Chinmaya_C7_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>

                 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