COMMON HTML TAGS

"Tags" tell the Internet how your document should look. Every visual aspect and piece of text on a page is preceded and followed by a tag.

Understanding the following table:

 

Document Structure

Opening Tag

Closing Tag

Attribute

Description

<HTML> </HTML>   Identifies document as HTML
<HEAD> </HEAD>   Document Head contains Title Tag
<TITLE> </TITLE>   Title of Document
<BODY> </BODY>   Contents of Document

 

Formatting

Opening Tag

Closing Tag

Attribute

Description

<BODY> </BODY>   Contents of Document
    BGCOLOR="#color code" Background Color
    BACKGROUND="... .gif " Background Image
    TEXT="#color code" Text Color
<CENTER> </CENTER>   Centers Text and Images
<H1> to <H6> </H1>to</H6>   Heading
    ALIGN="Left, Center, Right" Align Text
<BASEFONT SIZE="1 to7">     Document Font Size
<P> </P>   New Paragraph
    ALIGN="Left, Center, Right" Align Text
<BR>     Line Break
<HR>     Horizontal Rule
    ALIGN="Left, Center, Right" Align Text

SIZE = "number" Thickness of Horizontal Rule

WIDTH = "number %" % of Document to Span

NOSHADE Removes Shading

 

Character

Opening Tag

Closing Tag

Attribute

Description

<FONT> </FONT>   Section of Text
    COLOR="#color code" Font Color
    SIZE="number" Font Size
<B> </B>   Bold Text
<I> </I>   Italic Text
<STRIKE> </STRIKE>   Strike out Text
<BLOCKQUOTE> </BLOCKQUOTE>   Separates Text
<SUB> </SUB>   Subscript Text
<SUP> </SUP>   Superscript Text

 

Links

Opening Tag

Closing Tag

Attribute

Description

<BODY> </BODY>   Contents of Document
    LINK="#color code" Unvisited Link Color
    VLINK="#color code" Visited Link Color
<A HREF = "Item Location"> </A>   Destination of Link
<A NAME = "Label"> </A>

Moves to Other Section of Web Page

 

Images

Opening Tag

Closing Tag

Attribute

Description

<IMG SRC ="Image Location">     Imports Image
    ALIGN="Left, Right" Align Image & Text Wrap
    ALIGN="Top, Middle, Bottom" Align Text with Image
    ALT Alternative Text
    BORDER Puts Border around Image
    WIDTH Width of Image in Pixels
    HEIGHT Height of Image in Pixels
    HSPACE Amount of Horizontal Space around Image
    VSPACE Amount of Vertical Space around Image
<BR CLEAR =Left, Right, All>     Stops Text from Wrapping

 

Tables

Opening Tag

Closing Tag

Attribute

Description

<TABLE> </TABLE>   Adds Table
    BORDER="number" Border for Rows & Columns
    CELLPADDING Thickness of Cell Wall
    CELLSPACING Spacing between Border and Cell Contents
    BGCOLOR Background Color of Cells
<TR> </TR>   Table Row (Start & End)
    ALIGN="Left, Center, Right" Aligns Text in Row Horizontally
    ALIGN="Top, Middle, Bottom" Aligns Text in Row Vertically
<TD> </TD>   Defines Data Cell
    COLSPAN="number" Spans Cells across Column
    ROWSPAN="number" Spans Cells across Row
    ALIGN Alignment in Cell
<TH> </TH>   Header Cell in Table
    COLSPAN="number" Spans Cells across Column
    ROWSPAN="number" Spans Cells across Row
    ALIGN Alignment in Cell
<CAPTION> </CAPTION>   Text outside Table
    ALIGN="Top, Bottom" Aligns Caption at Top or Bottom