My Profile
Gifts
Active Members
TodayLast 7 Days
more...
|
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
|
|