Page 86 - Trackpad_V5_Book 6
P. 86

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 style the elements of a web page. It controls various elements like the colour, font, text size, etc.                  Energy is a requirement in our everyday life as a way of improving

            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
                                                                                                                                                                                              21 st
            Text properties are used to change the appearance of the text. The text properties and their                                                                                    Century   #Interdisciplinary
                                                                                                                                                                                             Skills
            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.                                                                     _________________________________________________________________


                                      capitalise,  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
            <HTML>                                                                                                                    various background properties and their values are given in the table.

            <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>                                                                                                                             on the web page.
                                                                                                                                                                  y-vertical) no repeat


             84   Pro (Ver. 5.0)-VI
   81   82   83   84   85   86   87   88   89   90   91