A Glossary of HTML Tags: A-F

Article by Haley Montgomery (4,670 pts ) , published Jun 26, 2009

Basic HTML offers a wealth of options for web development if you just know the right HTML tag code. This article highlights an ongoing list of common HTML tags including their function and code. Part 2 covers HTML tags beginning with A through F.

HTML Tag Code A - F

HTML tags code utilizes the less-than (<) and greater-than (>) keys found on your keyboard. In order for the HTML code to be executed, each element must contain both a corresponding beginning and ending tag. An ending tag is differentiated from a beginning tag by using the forward slash key (/) prior to the element name, as seen in the following example:

<ELEMENT> content here </ELEMENT>

For the purpose of displaying these articles, the less-than and greater-than symbols have been replaced by an asterisk (*) in the code examples provided. The specific tag element is shown in all-caps, but HTML tag codes do not register letter case, so either may be used with programming.

ALIGN: The align tag can be used as an attribute to describe many other elements and is placed within the beginning tag of another element code such as a header, image, paragraph, font, table cell, or horizontal rule. Alignment options are "left", "center" or "right".

Code: *ELEMENT ALIGN="LEFT"* content here */ELEMENT*

AMPERSAND: The ampersand "and" symbol requires a special HTML code. It can be inserted anywhere in the body section and does not require the less-than or greater-than configuration.

Code: &amp;

BLOCK QUOTE: The block quote tag is used to indent a block of text.

Code: *BLOCKQUOTE* content here */BLOCKQUOTE*

BODY: The body HTML tag is part of the basic structure of all HTML coded pages. It contains the bulk of the page content that is to be displayed. It follows the head tag and is coded within the HTML tag.

Code: *BODY* content here */BODY*

BODY ATTRIBUTES: Several attributes may be configured that provide default display settings for an HTML page. These attributes should be included within the opening body tag. For code examples designating color, replace "?" with a 6-character hexadecimal color code.

Tiled Background: *BODY BACKGROUND="image URL here"*

Background Color: *BODY BGCOLOR="#??????"*

Text Color: *BODY TEXT="#??????"*

Link Color: *BODY LINK="#??????"*

Visited Link Color: *BODY VLINK="#??????"*

Active Link Color: *BODY ALINK="#??????"*

BOLD: The bold tag is used to display a bold version of the selected font. To maintain other text attributes, the font tag should be coded inside the bold tag as shown in the example.

Code: *B**FONT* content here */FONT**/B*

BORDER: The border attribute offers the option to display a border around various elements such as images or table cells at a designated pixel width. The attribute is placed within the element tag along with other attributes. Replace the "#" sign with your specific pixel dimensions.

Code: *ELEMENT BORDER="#"* content here */ELEMENT*

BORDER COLOR: The border color attribute is used to designate the 6-digit hexadecimal color of a border coded for various elements. The attribute is placed within the element tag along with other attributes. The "#" sign is optional. Just replace the "?" signs with your specific color code.

Code: *ELEMENT BORDERCOLOR="#??????"* content here */ELEMENT*

CENTER: The center tag is used to center all elements between the beginning and ending tag.

Code: *CENTER* content here */CENTER*

COPYRIGHT SYMBOL: The circle C symbol requires a special code to display in HTML. It can be inserted anywhere in the body tag and does not require the less-than or greater-than configuration.

Code: &copy;

Continue to Page 2 of this article to see HTML tags D, E, and F.

Subscribe to Web Development
RSS
Get free weekly updates, directly to your inbox.
Browse Web Development