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