Page 153 - Digicode_AI_class_8
P. 153

Text Properties

            Text properties are used to change the appearance of the text. The text properties and their values
            used with the style attribute are given below:

                Property                  Value                                 Description


            color             Name of the colour            Specifies the text colour to be used on the web page

            text-align        left, right, center, justify  Specifies the alignment of the text

            text-indent       length in pixels or percentage Specifies the indentation of the first line of the text

                              underline, overline or         Specifies the text effects like underline, overline or
            text-decoration
                              strikethrough                  strike-through

                              capitalize, uppercase,         Specifies the transformation of text into uppercase,
            text-transform
                              lowercase and none            lowercase or title case
            Create an HTML5 web page by using the text properties.
            <!DOCTYPE html>
            <HTML>
            <HEAD> <TITLE>Text Properties</TITLE>
            <STYLE>
            H1{font-family:Comic Sans MS; text-align:center;
            text-decoration:underline;color:red}
            </STYLE>
            </HEAD>
            <BODY>
            <H1>Earth</H1>
            <P style=”font-family:Times New Roman; text-transform:uppercase”>  Earth is
            the third planet from the Sun. It is the only planet that is known to sustain
            life form. About 70% of the Earth’s surface ic covered with water, rest of the
            earth surface is home to all the land dwelling animals.</P>
            <hr Size=”10” width=”80%” color=”grey”>
            <P style=”font-family:Times New Roman; text-transform:lowercase”>
            Life on earth is sustained majorly due to the atmosphere. It consists of 4
            layers, namely troposphere, stratosphere, mesosphere and thermosphere.</P>
            </BODY>
            </HTML>



















                                                                                         HTML5 & CSS3    151
   148   149   150   151   152   153   154   155   156   157   158