-

HTML Tutorial #2: HTML Tags and elements

In the previous tutorial we have created a simple static web page further we will know about some HTML tags. 

First we should know about tags and elements. Don't be confuse about them tags are closing and opening like <p></p>. And element usually consist of closing and opening tag with the content inserted in between like <p> This is a paragraph. </p>.

* Some of the tag is defined self closing tag that is called void(empty) element. 

HTML Heading tags:

These are HTML Heading tags  <h1> to <h6>.
  • <h1>  
    • <h2>
  • <h3>
    • <h4>
  • <h5>
    • <h6>

Now you think it will continue like <h7>, <h8>, <h9> and so on.

It it possible ?

No, it's  not possible because it is not a valid element and all tags are predefined in HTML.

Use of Heading tags 

type in your notepad

        <!DOCTYPE html>
        <html>
        <head>
        <title> Heading tags </title>
        </head>
        <body>
        <h1> This is first Heading </h1>
        <h2> This is second Heading </h2>
        <h3> This is third Heading </h3>
        <h4> This is fourth Heading </h4>
        <h5> This is fifth Heading </h5>
        <h6> This is sixth Heading </h6> 
        </body>
        </html>

After typing simply save the page (ctrl+shift+s) with extension .html or .htm. And open your browser.




Most usable tag is <h1> and <h2> while the remaining tag used for sub-heading.

Some Important and useful tags:

  <a>   anchor  <a href="Google.com"> Google </a>
  <big>   big  <big> tutorial </big>
  <center>   center  <center> tutorial </center>
  <font>   font  <font> tutorial </font>
  <form>   form  <form> tutorial </form>
  <li>   list  <li> tutorial </li>
  <ol>   ordered   list  <ol> tutorial </ol>
  <p>  paragraph  <p> tutorial </p>
 <strike>   deleted      text  <strike> tutorial </strike>
 <strong>  strong text  <strong>  tutorial </strong>
  <table>   table  <table> tutorial </table>
  <u>   underline  <u> tutorial </u>
  <ul>  unordered  list  <ul> tutorial </ul>
... ... ...

In HTML has various tags some of the above are most commonly used.

 Next part of HTML tags we will see about more tags and void(empty) tags.

Comments

Post a Comment