-->

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>
No comments:
Labels:

HTML with style(part3)

Here, we have 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-->
    </body>
</html>
No comments:
Labels:

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>
No comments:
Labels:

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>
No comments:
Labels:

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

No comments:
Labels:

HTML with color

To apply effect to paragraph or text or background, we apply CSS. How? There are many ways.
About all we will discuss later. Till then,
Let's take an example.
------------------------------------------------------------------------------------------


<html>          <!--called root tag-->
    <head>      <!--contains meta information of page-->
        <title><!--contains title of page-->
        html with color(css)
        </title
    </head>
    <body style="background-color:honeydew;">
    <!--body tag with style and value-->
        <!--to style , we use style-->
        <!--first part is property(background-color)
            second part is value(honeydew)
        -->
    <h2 style="color:blueviolet;"> page in html</h2>
    <!--h2 tag with style and value-->
    <!--to style , we use style-->
    <!--first part is property(color)
    second part is value(blueviolet).
    It changes the style of h2 only.
    -->    

    <h1>this is heading</h1>
    <!--it does not have any color effect-->
    
    </body>
</html>
No comments:
Labels:

HTML comment

Comment in our html page, plays an important role for the learners to understand the meaning of particular tag.
Let's take an 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-->
    <h1>this is heading</h1>
    <!--this is comment of heading-->
    
    </body>
</html>
------------------------------------------------------------------------------
note:
on right side of line, we can see written <!--comments-->, it is called comment. 
1 comment:
Labels: