Advertisement

Your Ad Here

HTML HEADINGS


HTML HEADINGS

Headings are important in HTML documents.Don't skip the level of headings in your document for example don't start with a level one heading <h1> and then next use a level three <h3> heading.
headings are typicaly displayed in larger and bolder fonts than normal body fonts.
  • Headings are defined with the <h1> to <h6> tags.
  • <h1> defines the largest heading. <h6> defines the smallest heading.
    There is 6 types of headings:

    HTML HEADINGPreview
    <h1>This is first heading</h1>

    This is first heading    

    <h2>This is second heading</h2>                 

    This is second heading

    <h3>This is third heading</h3>

    This is third heading

    <h4>This is fourth heading</h4>

    This is fourth heading

    <h5>This is fifth heading</h5>
    This is fifth heading
    <h6>This is sixth heading</h6>
    This is sixth heading


    Importance of headings

    • Use HTML headings for headings only. 
    • Don't use headings to make text BIG or bold.
    • Search engines use your headings to index the structure and content of your web pages.
    • Users may skim your pages by its headings, it is important to use headings to show the document structure.
    • H1 headings should be used as main headings, followed by H2 headings, then the less important H3 headings, and so on.



    HTML LINES

    • The hr(horizontal row) element can be used to separate content.
    • The <hr /> tag creates a horizontal line in an HTML page.
    • <hr/> used for making of line in html document.
    HTML Line Example
    <p>This is a paragraph</p>
    <hr />
    <p>This is a paragraph</p>                                                                                                       


    HTML Comments

    • Comments can be inserted into the HTML code to make it more readable and understandable.
    • Comments are ignored by the browser and are not displayed into the browser.
    HTML Comment Example
    <!-- This is a comment -->                                                                                                                 

    How to View HTML Source

    Have you ever seen a Web page and wondered "Hey! How did they do that?"
    • To find out, right-click in the page and select "View Source" (IE) or "View Page Source" (Firefox), or similar for other browsers. This will open a window containing the HTML code of the page.


    Kindly Bookmark this Post using your favorite Bookmarking service:
    Technorati Digg This Stumble Stumble Facebook Twitter
    YOUR ADSENSE CODE GOES HERE

    0 comments:

    Post a Comment

    Please leave some comment.

     

    | jokes,Blogger Tips,Tricks,Help,XML,HTML,Tags,Table,Tutorial,Orkut © 2009. All Rights Reserved | Template Style by My Blogger Tricks .com | Design by roanty | Back To Top |