-->

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:

HTML quotation

To understand it, let's take examples.
---------------------------------------------------------------------------------------
1) Quote example one
                                    click here

2) quote example two

                                 click here

No comments:
Labels:

HTML quote example one


<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:

HTML with formatting tags

We can apply same formatting as in Ms-word. For this We need to remember tags.Let's go through 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-->
    <br><em>this is emphasized text</em><!--it emphsizes the text--><br>
    <small>this is small text</small><!--it makes our text small--><br>
    <strong>it is strong text</strong><!--it maekes our text important--><br>
    <ins>it is inserted text</ins><!--it is inserted text--><br>
    <del>it is deleted text</del><br><!--it is deleted text-->
    <mark>it is marked.highlighted text</mark><!--it highlights the text-->
</body>
</html>
---------------------------------------------------------------------
note:
Each line is described with comment mentioned inside <!--...-->.
We can understand ourlseves.
No comments:
Labels: , , ,

HTML with paragraph

We can use different paragraph in our HTML page.
-----------------------------------------------------------------------------------------------
<html>
<head><!--for meta tags-->
<title><!-- for title-->
formatting tags
</title>
</head>
<body><!--for contents-->
<p align="left">
<!--align is not used in HTML 5-->
he following pages contain the official documentation for Sublime Text 3. The Sublime Text Unofficial Documentation is an excellent supplementary resource, with a huge amount of information not covered in the official documentation.
</p>
<p align="right">
he following pages contain the official documentation for Sublime Text 3. The Sublime Text Unofficial Documentation is an excellent supplementary resource, with a huge amount of information not covered in the official documentation.
</p>
<p align="justify">
he following pages contain the official documentation for Sublime Text 3. The Sublime Text Unofficial Documentation is an excellent supplementary resource, with a huge amount of information not covered in the official documentation.
</p>
</body>
</html>
-------------------------------------------------------------------------------------
note:We do not use align with p tag. It is obsolete now.
 
No comments:
Labels: