Page 155 - Digicode_AI_class_8
P. 155

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 the  Specifies the font size used on
            font-size
                           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.



                                                                                         HTML5 & CSS3    153
   150   151   152   153   154   155   156   157   158