Page 94 - Plus V4 with Adobe class 7
P. 94

FONT PROPERTIES


        By using CSS, you can change the font face, colour, style and size. CSS provides various properties like
        font-family to change the font face, color to change the colour of font, font-style to make the text italic,
        font-weight to make the text bold, text-decoration to make the text underline or overline and font-size
        to change the size of font.

           Property                            Value                                    Description

         font-family    Name of the font                                     Specifies the font to be used.

                        Value is given in pixels. The default font size for   Specifies the font size used on
         font-size
                        the text is 16 px.                                   the web page.


         font-style     normal, italic                                       Specifies the style of the font.


        Create an HTML5 web page by using the font properties.

        <!DOCTYPE html>
        <HTML> <HEAD> <STYLE>
        H1 {color: blue; font-family: verdana; font-size: 32px; text-align: center}
        H2 {color: green; font-family: arial; font-size: 25px; text-align: center}
        </STYLE> </HEAD>
        <BODY>
        <H2>Classification on the Basis of Habitat</H2>

        <P style="font-family: verdana; font-size: 1.0em">
        Habitat is a place where an organism lives and includes all biotic and abiotic
        factors surrounding the environment. </P><HR><BR>
        Animals were classified on the basis of habitat by Aristotle, who is known as
        the "Father of biological classification". He described animals on the basis of
        their environment which included water, air, and land.<BR>

        <B>Currently, animals are classified on the basis of habitat as follows:</B>
        <BR><B>Terrestrial Animals:</B> These are the animals which live on the land,
        for example: elephants.<BR>
        <B>Aquatic  Animals:</B>  These  are the  animals  which  live  on the water,  for
        example: fish.<BR>
        <B>Aerial Animals:</B> These are the animals which can fly, for example: birds.
        <BR>
        <B>Amphibian  Animals:</B>  These  are the animals  which  live on land and water
        both, for example: frog.
        </BODY>

        </HTML>
        Note that we have used <B> tag to make the text bold.






            92  Plus (Ver. 4.0)-VII
   89   90   91   92   93   94   95   96   97   98   99