HTML Most Commonly Used Tag List
Below a Quick Reference list of HTML tags. This is not meant to be a comprehensive list of all HTML tags. Instead, it represents the most commonly used tags.

HTML stands for Hypertext Markup Language. It is a system of codes, called tags, that are used to specify how the components of a Web page are to be displayed. Web browsers, such as Netscape, Internet Explorer, Opera, and Mosaic, read and interpret these tags. Unfortunately, not all tags are interpreted exactly the same way by all browsers. This means that there may be some differences in how a Web page is displayed by different browsers. A few tags that are relatively new or are proprietary, such as Internet Explorer's marquee tag, and might not be recognized at all by some browsers.

These tags below are standard tags and should be recognized by all browsers version 3.0 or higher.


Basic Document Tags
What It Is What It Does
<html></html> Indicates the start and end of an HTML Document
<head></head> Defines the portion of the document that contains essential formatting information. The material in the head is invisible.
<title></title> Indicates the "Title" of your document. And goes between the <head></head> tags.
<body></body> Defines the portion of the document that will be seen on your web site.
Body Attributes
What It Is What It Does
<body bgcolor=?> Specifies the background color
<body text=?> Specifies the text color
<body link=?> Specifies the color of an unvisited links.
<Body vlink=?> Specifies the color of visited links.
<Body alink=?> Specifies the color of an active links (or when they are clicked on)
NOTE: Body attributes may be combined within the body tag. Example:

<body bgcolor="#FFFFFF" text="#000000" link="#0000CC" vlink="#33CC00" alink="#FF0000">
Text Tags
What It Is What It Does
<hl></hl>,<h2></h2>,<h3></h3>,
<h4></h4>,<h5></h5>,<h6></h6> 		The heading tags display text in sizes ranging from the largest, h1, to the smallest, h6. These specifications are intended to denote the importance data below the heading.
<b></b> Specifies bold text.
<i></i> Specifies italics text.
<tt></tt> Specifies a teletype or typewriter-like text.
<em></em> Creates an emphasis on text that is rendered usually as italics, but sometimes as bold depending on the browser.
<strong></strong> Creates an emphasis on text that is usually rendered as bold, but sometimes as italics depending on the browser.
<font size=?></font> Specifies the font size from 1 to 7. 1 is the largest, 7 the smallest, and 3 is generally the default size.
<font color=?></font> Specifies font color.
NOTE: Font attributes may be combined within the font tag. Example:

<font size="4" color="#33FF00">Example of combined font attributes. </font>
Common Formatting Tags
What It Is What It Does
<p></p> Defines a paragraph.
<p align=?> Defines paragraph alignment left, right, or center.
<br> Inserts a line break.
<blockquote></blockquote> Defines a block quote and indents text from both sides. Usually with some extra space above and below.
<ol></ol> Defines the beginning and end of an ordered list.
<ul></ul> Defines the beginning and end of an unordered list.
<li></li> Defines the beginning and end of a line within a list. Start a line with a number in an ordered list, and with a bullet in an unordered list.
Image Tags
What It Is What It Does
<img src="name.jpg"> Places an image.
<img src="name.jpg" align=?> Specifies the alignment of an image; left, right, center; bottom, top, middle
<img src="name.jpg" border=?> Specifies a border around and image.
<img src=name.jpg alt=image discription> Specifies the alternative label for an image. This is especially important for use non graphical browsers.
NOTE: Attributes within the image tag may be combined. Example:

<img src="bear-picture.jpg" width="200" height="250"alt="My Picture">
Horizontal Rule Tags
What It Is What It Does
<hr> Specifies a horizontal rule (or line).
<hr size=?> Specifies the height of a horizontal rule.
<hr width=?> Specifies the width of a horizontal rule in either pixel's or percent.
<hr noshade> Specifies the horizontal rule should have no shade.
<hr color=?> Specifies the color or the horizontal.
NOTE: Attributes within the horizontal rule tag may be combined. Example:

<hr width="80%" size="5" color="#4b0082">
(notice the width is in percentages and the size-height is in pixel's)
Table Tags
What It Is What It Does
<table></table> Specifies the beginning and end of a table.
<tr></tr> Specifies the beginning and end of a table row.
<td></td> Specifies the beginning and end of a table cell.
<th></th> Defines a table header. A normal cell with text that is bold and centered.
<table border=#> Specifies the size of the border around a table and cells within the table.
<table cellspacing=#> Specifies the space between cells.
<table cellpadding=#> Specifies the amount of space between the border of a cell and the items within the cell
<table width=”?”> Specifies the width of a table in either pixel's or percent.
<tr align=?> Specifies the alignment of contents in a row of cells as either left, right, or center.
<td align=?> Specifies the alignment of contents in a cell as either left, right, or center.
<tr valign=?> Specifies the vertical alignment of contents in a row of cells as either top, bottom, or middle.
<td valign=?> Specifies the vertical alignment of contents in cell as either top, bottom, or middle.
<td colspan=#> Specifies the number of columns a cell will span.
<td rowspan=#> Specifies the number of rows a cell will span.
<td nowrap> Stops text from automatically line wrapping.


[ Back To Computer Tools ]

Where Can We Take You
[ Home Page] [ TOU] [ Boomspeed Q&A] [ Website Tut.] [ HTML Tut.]
[ FTP Tut.] [ Web TV Tut.] [ Graphics Page] [ Computer Tools] [ Games Page]

This Web Site Is Hosted by