Page 98 - ConceptGP_C6_Fb
P. 98

HTML5 provides various methods to format text on a web page and makes it easy to alter the                                <hr Size="10" width="80%" color="grey">
                  style of individual elements on a web page. Cascading Style Sheets (CSS) is a convenient method                           <P style="font-family:Times New Roman; text-transform:lowercase">
                  of styling the elements of a web page. It controls various elements like the colour, font, text size,                     Energy is a requirement in our everyday life as a way of improving
                  etc. within a single page or the entire website. CSS can also be used to change the look of any web                       human development leading to economic growth and productivity.</P>
                  page elements such as paragraphs, lists, backgrounds, etc.
                                                                                                                                            </BODY>
                                                                                                                                            </HTML>
                            TEXT PROPERTIES
                                                                                                                                                                                                                       Inter-Disciplinary
                  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



                                                                      Specifies the text colour to be used on the
                   color                    Name of the colour
                                                                      web page.
                                            left, right, center,
                   text-align                                         Specifies the alignment of the text.
                                            justify
                                            length in pixels or       Specifies the indentation of the first line of the
                   text-indent
                                            percentage                text.

                                            underline,  overline  or  Specifies the text effects like underline,                                    uiz              Which property is used to align the text?
                   text-decoration                                                                                                                         Bee
                                            strikethrough             overline or strikethrough.                                                                     _________________________________________________________________


                                            capitalize, uppercase,  Specifies  the  transformation  of text  into
                   text-transform
                                            lowercase and none        uppercase, lowercase or title case.

                                                                                                                                                      BACKGROUND PROPERTIES
                  Create an HTML web page by using the text properties.

                  <!DOCTYPE html>                                                                                                           The background properties are used to make changes to the background of a web page. The
                                                                                                                                            various background properties and their values are given in the table.
                  <HTML>
                  <HEAD> <TITLE>Text Properties</TITLE>

                  <STYLE>
                                                                                                                                                    Property                       Value                             Description
                  H1{font-family:Comic Sans MS; text-align:center;
                  text-decoration:underline;color:red}
                                                                                                                                                                                                         Specifies  the  background  colour  to
                  </STYLE>                                                                                                                   background-color           Name of the colour
                                                                                                                                                                                                         be used on the web page.
                  </HEAD>
                                                                                                                                                                                                         Specifies the image to be used in the
                  <BODY>                                                                                                                     background-image           URL of image
                  <H1>Energy</H1>                                                                                                                                                                        background on the web page.

                  <P style="font-family:Times New Roman; text-transform:uppercase"> Energy                                                                              repeat, repeat-x, repeat-y,
                  is the capacity for doing work. It may exist in potential, kinetic,thermal,                                                background-repeat          (whereas, x- horizontal &        Specifies the repetition of an image
                  electrical, chemical, nuclear, or other various forms.</P>                                                                                            y-vertical) no repeat            on the web page.



                   96   Premium Edition-VI
   93   94   95   96   97   98   99   100   101   102   103