Page 88 - Chinmaya_C6_flipbook
P. 88

HTML5 provides various methods to format text on a webpage and makes it easy to alter the                                 <hr Size="10" width="80%" color="grey">
                  style of individual elements on a webpage. Cascading Style Sheets (CSS) is a convenient method                            <P style="font-family:Times New Roman; text-transform:lowercase">
                  of styling the elements of a webpage. 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 webpage by using the text properties.

                  <!DOCTYPE html>                                                                                                           The background properties are used to make changes to the background of a webpage. 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
                  </HEAD>                                                                                                                                                                                be used on the web page
                  <BODY>                                                                                                                                                                                 Specifies the image to be used in the
                                                                                                                                             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



                   86   Premium Edition-VI
   83   84   85   86   87   88   89   90   91   92   93