Page 94 - Plus_V2.2_C7_Flipbook
P. 94

Let us create a web page using text properties.


                    <!DOCTYPE html>
                    <HTML>
                    <HEAD>
                        <STYLE>
                            body {background-color: grey;}
                            h1 {text-align: center; color: red;}
                            h2{text-indent: 20px;}
                            h3{text-indent: 30%;}
                        h4{text-decoration: line-through;}
                            p{
                                text-decoration: underline;
                                text-transform: uppercase;
                            }
                        </STYLE>
                        <TITLE>Text Properties Example</TITLE>
                    </HEAD>
                    <BODY>
                        <H1>Text Properties Example</H1>
                        <H2>This text is 20px indent.</H2>
                        <H3>This text is centered.</H3>
                        <H4>This text has an indentation of 20 pixels.</H4>
                        <P>This is a paragraph with text indent set to 30%.This text is
                    underlined.</P>
                    </BODY>
                    </HTML>

                  When you open this HTML file in a browser, you should see a web page with the specified text properties
                  applied as given below:





















                                                           Using Text Properties





                  92    Premium Edition-VII
   89   90   91   92   93   94   95   96   97   98   99