-->

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:

HTML quote example two

Let's take 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-->
    <blockquote cite=""www.google.com>it istaken from google.com</blockquote>
    <!--it defined from taken source-->
    Spread positivity<q>in the world</q>
    <!--it inserts quotation mark around the quotation-->
    <br>The <abbr title="Cascade Style Sheet">CSS</abbr> makes our page attractive.
    <!--we use it for abberviation-->
    <br>
    <address><!--we use it for address-->
    Ram Kumar Stha.<br>
    Rice university:<br>
    rice.com<br>
    Box 564, Disneyland<br>
    UK
    </address>
    <p><cite>The harry and Potter</cite> by J. K. Rowling.</p>
    <!--it says the creative work by somebody-->
    <br><bdo dir="rtl">this senetence is written from right to left</bdo><!--it prints the given text from right to left-->
</body>
</html>
No comments:
Labels: