-->
Showing posts with label HTML with style. Show all posts
Showing posts with label HTML with style. Show all posts

HTML with style(part4)

to understand CSS with HTML ,we have taken another example.
------------------------------------------------------------------------

<html>          <!--called root tag-->
    <head>      <!--contains meta information of page-->
        <title><!--contains title of page-->
        html css
        </title
    </head>
    <body style="background-color:honeydew;">
    <!--body tag with style and value-->
    <h2 style="color:blueviolet;"> page in html</h2>
    <!--applying style with property and value-->
    <B style="font-size:30px;">am learning html.</B>
    <!--applying style to tag B-->
<u style="text-align: right;">it is on left</u>    
<!--we can use left or right or justifyetc-->
</body>
</html>

HTML with style(part2)

Let's take a look at following example to understand it.
--------------------------------------------------------------------------

<html>          <!--called root tag-->
    <head>      <!--contains meta information of page-->
        <title><!--contains title of page-->
        html css
        </title
    </head>
    <body style="background-color:honeydew;">
    <!--body tag with style and value-->
    <h2 style="color:blueviolet;"> page in html</h2>
    <!--applying style with property and value-->
    I am learning html.
    </body>
</html>

HTML with style(part1)

Look at following example with comments to understand it.
------------------------------------------------------------------

<html>          <!--called root tag-->
    <head>      <!--contains meta information of page-->
        <title><!--contains title of page-->
        html css
        </title
    </head>
    <body>
    <!--is a container and contains everything-->
    <h2 style="color:blueviolet;"> page in html</h2>
    <!--applying style with property and value-->
    I am learning html.
    </body>
</html>

HTML with styles

We can style our HTML page. For this we have to use CSS. We can use CSS in different way.
Let's understand this using following example.
--------------------------------------------------------------------------------------------------
1 ) HTML with style(part1)
 
                                                         click

2) HTML with style(part2)

                                                       click

3) HTML with style(part3)

                                                      click

4)HTML with style(part4)


                                                      click