Basic HTML Tags

Started by VelMurugan, Apr 30, 2009, 03:25 PM

Previous topic - Next topic


Basic HTML Tags

The basic tags include <html>, <title>, <meta>, and <body>. We introduce each of the four in the following:


This tag is used to indicate that this is a HTML document. Most HTML documents should start and end with this tag.


This tag is used to indicate the header section of the HTML document, which typically includes the <title> and <meta> tags, and is not displayed in the main window of the browser.


This indicates the title of this HTML page. The title is what is displayed on the upper left corner of your browser when you view a web page. For example, right now you can see "Basic Tags: html, head, title, meta, body" there. That is the title of this page.

The title tag is important when it comes to search engine ranking. Many of the search engines pay special attention to the text in the <title> tag. This is because (logically) that words in the <title> tag indicate what the page content is.


The <meta> tag information is not directly displayed when the page is rendered on the browser. Rather, this is used for the author of the HTML page to record information related to this page. Two common attributes are name and content. The <meta> tag used to hold great importance in search engine optimization, with authors carefully drafting what's inside the tag to gain better search engine ranking, but recently its importance has been decreasing steadily.


The <body> tag includes the HTML body of the document. Everything inside the <body> tag (other than those within the <script> tag) is displayed on the browser inside the main browser window.

The <body> tag may contain several attributes. The most commonly used ones are listed below:

    * bgcolor: This is the background color of the entire HTML document, and may be specified either by the color name directly or by the six-digit hex code.
    * alink: The color of the links.
    * vlink: The color of the visited links.
    * topmargin: The margin from the top of the browser window.
    * leftmargin: The margin from the left of the browser window.

So, in general, all HTML documents have the following format:

Here is the title of the HTML document.
<meta name=" " content=" " />
... (there may be one or more meta tags)
Here is the body of the HTML document.


I like to think of tags as bookends, they have a start to signal the begining of a certain architecture and an catastrophe to arresting the end of the formatting. These bookends/tags are generally put in the angled brackets (<>). The end one's usually have a slash (/) in them which differentiates them from the aperture ones and signals to your browser that it's the end.