Page 95 - TP_Pluse_V2.2_Class_7
P. 95

<!DOCTYPE HTML>
                       TEXT PROPERTIES
 <HTML>
 <HEAD>          CSS provides text properties that are used to change the appearance of the text. The text properties

   <TITLE>HR Tag</TITLE>  and their values used with the style attribute are given below:
  </HEAD>
                     Property                  Value                                  Description
 <BODY>
                 color             Name of the colour              Specifies the text colour to be used on the web page
   <P>This is the first paragraph of the tag. HTML is the standard markup
 language for Web pages.</P>  text-align  left, right, center, justify  Specifies the alignment of the text

   <HR>
                 text-indent       length in pixels or percentage  Specifies the indentation of the first line of the text
   <P>This is the second paragraph of the tag. HTML is the standard markup
                                   underline, overline or          Specifies the text effects like underline, overline or
 language for Web pages.</P>
                 text-decoration
                                   strikethrough                   strike-through
   <HR>
 </BODY>                           capitalize, uppercase,          Specifies the transformation of text into uppercase,
                 text-transform
 </HTML>                           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>
  The <SUP> Tag  </HEAD>

 2
 The <SUP> tag  is used  to  turn the enclosed  text  into  a superscript.  For  example,  E=mc  is coded   <BODY>
 as  E=mc<sup>2</sup>  <H1>Earth</H1>
                 <P style="font-family:Times  New Roman; text-transform:uppercase">  Earth is
  The <SUB> Tag  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
 The <SUB> tag  is  used  to  turn the  enclosed  text  into  a  subscript.  For example,  H O is  coded   earth surface is home to all the land dwelling animals.</P>
 2
 as  H<sub>2</sub>O
                 <HR>

                 <P style="font-family:Times New Roman; text-transform:lowercase">
                 Life on earth is sustained majorly due to the atmosphere. It consists of 4
 If HTML is a canvas and you are an artist, how would you design web pages and layout to   layers, namely troposphere, stratosphere, mesosphere and thermosphere.</P>
 express your creativity and style?
                 </BODY>

                 </HTML>




                                                                                                  More on HTML5    93
   90   91   92   93   94   95   96   97   98   99   100