Tutorials » Html tutorials »

The Basic Markup tags


This article explains the basic HTML tags



Basic HTML Tags


If you happen to view the source code of a Web page, say this for example, you’ll understand, what’s prominent is: HTML Tags – hundreds of them together compose the Web Page. Here’s a few that you should be aware of:

Comment Tag in HTML


Comments are a standard programming convention. It’s the description that you place in your HTML Source code which makes it easy for you to debug, update and maintain your Web Page at a later stage.

<!-- This is a comment -->

The contents enclosed within the Comment tags <!-- and --> do not appear in the browser.


Line break Tag


The <BR> tag is used to display the text following it on the next line.
For example the HTML Source Code: This is a: <BR> Book

Would be displayed as:

This is a:
Book

The peculiarity here is - Unlike other tags <BR> is a stand alone tag and does not pair up with a closing tag.


Paragraph Tag


The <P> and </P> tags denote a Paragraph. Using this tag would mean displaying 2 blank lines: one above and one below.

The sample Source Code below:

<P> Para 1 </P>
<P> Para 2 </P>
<P> Para 3 </P>

Would Display:

Para 1


Para 2


Para 3


Heading Tag


The heading tags range from <H1> to <H6>. Using this tag would display a blank line above and below it.

HTML Source Code:

<H1> Heading 1 </H1>
<H2> Heading 2 </H2>
<H3> Heading 3 </H3>
<H4> Heading 4 </H4>
<H5> Heading 5 </H5>
<H6> Heading 6 </H6>

Browser View:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

You must have noticed <H1> is the largest of all. The smaller the digit the larger the view!


Now,
Ever wondered how the browser recognizes < when you intend to display it as the lesser than symbol and not the opening tag? ..... Move on to the next chapter: Entities





Next Chapter: HTML Entities
Previous Chapter: Structure of HTML Document
More Chapters: Html Tutorials
More Tutorials: Tutorial Index



Top Contributors
Today
    Last 7 Daysmore...

    Awards & Gifts

    Online Members

    More...
     
    Copyright © SpiderWorks Technologies Pvt Ltd., Kochi, India