Page 91 - TP_Plus_v4_Class7
P. 91

The <SUP> Tag

                                                                                                              2
                 The  <SUP>  tag  is  used  to  turn  the  enclosed  text  into  a  superscript.  For example,  E=mc   is  coded
                 as E=mc<sup>2</sup>
                 The <SUB> Tag

                 The <SUB>  tag is  used  to turn  the  enclosed  text  into  a subscript.  For example, H O  is coded
                                                                                                            2
                 as H<sub>2</sub>O

                      TEXT PROPERTIES


                 CSS provides text properties that 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
                                                                     Specifies the text colour to be used on the web
                 color            Name of the colour or RGB code
                                                                     page
                 text-align       left, right, center, justify       Specifies the alignment of the text
                                                                     Specifies the indentation of the first line of the
                 text-indent      length in pixels or percentage     text Indentation is the blank space between the
                                                                     margin and the beginning of a line in a text block.
                                  underline, overline or             Specifies the text effects like underline, overline
                 text-decoration
                                  strikethrough                      or strike-through
                                  capitalize, uppercase, lowercase  Specifies the transformation of text into
                 text-transform
                                  and none                           uppercase, 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 is covered with water, rest of the earth
                 surface is home to all the land dwelling animals.</P>


                                                                                                   #More on HTML5  89
   86   87   88   89   90   91   92   93   94   95   96