- slide 1 of 5
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.
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.
- slide 2 of 5
Continue to Page 2 of this article to see HTML tags D, E, and F.
- slide 3 of 5
Alphabetical HTML Tag Code List: A-F (Continued) HTML tags are used to display text on most web pages. This article offers a comprehensive list of common HTML tags including a description of function and the HTML tag's code. Part 2 of this alphabetical HTML glossary covers A through F.
- slide 4 of 5
On page 1 of this article you learned about HTML Tags beginning with the letters A, B, and C. Read on to learn about D, E, and F.
- slide 5 of 5
HTML Tag Codes A - F continued
DIVISION: The division tag is used to divide various parts or functions of a page, usually to integrate scripting or CSS styles within the content.
Code: *DIV* content here */DIV*
FONT COLOR: The font color tag is used to display text as a specific 6-digit hexadecimal color. There are 216 hex colors that are considered universally web "safe", although image programs like Photoshop provide a 6-digit designation for almost any color that may be used in HTML coding. In the code example below, replace the "?" signs with your specific 6 digits. The "#" sign prior to the color code is a recommended method of coding, although not required.
Code: *FONT COLOR="#??????"* content here */FONT*
FONT SIZE: The font size tag is used to display the preferred size of text and is designated by numerals 1-7. Size 3 is the default size if this font attribute is not used in coding. In the code example below, replace the "#" sign with a numeral (1-7).
Code: *FONT SIZE="#"* content here */FONT*
FONT TYPEFACE: The font typeface tag is used to designate one or more preferred typefaces to display text. Times New Roman is the default typeface used if this font attribute is not used in coding. Although you can code any typeface name in the tag, specific computers will only display fonts that exist in the system. It is recommended that you designate universal fonts that appear standard on most computer systems such as "times new roman", "arial", "georgia" or "verdana". By listing more than one typeface separated by commas in the tag, the text will be displayed in the order of first available. This tag may be used in conjunction with other font attribute tags to designate display preferences.
Code: *FONT FACE="ARIAL, VERDANA"* content here */FONT*
Note: In many instances of newer HTML versions, the FONT collection of tags has been replaced by the use of in-page CSS styles that appear in the HEAD structure of the page. If you are using web authoring software, it will likely convert your font specifications to this format. However, the font tags can still be read and hand-coded if required.
A Glossary of HTML Tags: A-F
The series offers an on-going glossary of alphabetized HTML tags. Beginning with an overview of HTML and its correct syntax, it serves as a resource for learning how to code various HTML functions in your web pages.