-->

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:

HTML with hgroup tag

<html>
<head>
<title>
heading tags
</title>
</head>
<body>
        <hgroup><!-- it is used for multilevel headings-->
<h1>first heading</h1><!--first heading-->
<h2>second heading</h2><!--second heading-->
<h3>third heading</h3><!--third heading and son on-->
<h4>forth heading</h4>
<h5>fifth heading</h5>
<h6>sixth heading</h6>
       </hgroup>
</body>
</html>
---------------------------------------------------------
note: for better result we have to use css. We will use in css unit.

No comments:
Labels:

HTML headings

If we want to use heading in our page then we use
->h1 to h6
h1 is the biggest in size
h6 is smallest in size.
->somewhere we can also use hgroup tag.
-------------------------------------------------------------------------------------
1) Let's know about h1 to h6 headings
                                                            know it

2)LEt's know about <hgroup> tag

                                                              know it

No comments:

HTML headings


-----------------------------------------------------------------------------------------------
<html>
<head>
<title>
heading tags
</title>
</head>
<body>
<h1>first heading</h1><!--first heading-->
<h2>second heading</h2><!--second heading-->
<h3>third heading</h3><!--third heading and son on-->
<h4>forth heading</h4>
<h5>fifth heading</h5>
<h6>sixth heading</h6>
</body>
</html>
 ------------------------------------------------
note:This heading has no attribute. But can be used with CSS.
------------------------------------------------------------------------------------------

No comments:
Labels:

HTml to set up the page

<html>
<head><!--for meta tag-->
<title><!-- for title-->
margin set up
</title>
</head>
<body  topmargin="200px" bottommargin="200px">
     <!-- here, topmargin and bottommargin are attributes-->
     <!--similarly, we can also use rightmargin and leftmargin-->
     <!--It sets up the margin/some space on either side like we use in our note copy-->
I am learning web-page.<!-- it gets displayed in browser-->
</body><!--closing -->

</html><!-- closing-->

 
No comments:
Labels:

HTML attributes

1. )HTML with attribute: 
                                         we are going to change background color of entire page.
                                                                  
                                        We are going to set up the margin of page
                                                                         

No comments:
Labels: