Basic HTML Tags

HTML Code Description

Basic HTML Document Elements

<HTML>... </HTML> Starts and ends an HTML document

<HEAD>...</HEAD> Starts and ends a Text Heading

<TITLE>...</TITLE> Document running title (not part of the text); recommended maximum length is sixty-four characters

<BODY>... </BODY> Container for the information to be presented on the Web page

Section Headings

<H#>...</H#> Section headings; six levels available, <H1> to <H6>

Backgrounds and Colors

<BODY BACKGROUND="this_image.gif"> Tiled background image

<BODY BGCOLOR="#010101"> Solid background color

<BODY TEXT="#010101"> Text color

<BODY LINK="#010101"> Link color

<BODY VLINK="#010101"> Visited link color

<BODY ALINK="#010101"> Active link color

General Layout Elements

<P>...</P> Paragraphs of regular text

<BR> Forced line break

<ADDRESS>...</ADDRESS> Postal address information

<BLOCKQUOTE>...</BLOCKQUOTE> Block quotations

<PRE>...</PRE> Preformatted text

<HR> Horizontal rule

Lists

<OL>...</OL> Ordered lists; listed entries items will be numbered consecutively

<UL>...</UL> Ordered lists; Unordered lists; listed entries will be bulleted

<MENU>...</MENU> Menu lists

<DIR>...</DIR> Directory lists

<LI>...</LI> Used to list entries within ordered, unordered, menu, and directory lists. (<LI> may be used alone without </LI>)

<DL>...</DL> Definition lists

<DT>...</DT> Definition term in a definition list

<DD>...</DD> Definition discussion in a definition list; may contain other block-oriented elements

Note: All lists may be nested.

Fonts

<BLINK></BLINK> Blinking

<FONT SIZE="#"></FONT> Font size; ranges from 1 to 7

<FONT SIZE="+#"></FONT> Change font size up or down a size

<FONT COLOR="#010101"></FONT>v Set font color

Visual Markup

<B>...</B> Bold type

<I>...</I> Italic type

<TT>...</TT> Typewriter type

<U>...</U> Underlined

Hypertext Links

<A HREF="url">...</A> Link to another document or resource

<A HREF="url#anchor">...</A> Link to a specific destination in another document

<A HREF="#anchor">...</A> Link to a specific destination in the same document

<A NAME="anchor"></A> Points to the target destination

Note: An <A> element may contain both HREF and NAME attributes.

Tables

<TABLE>...</TABLE> Defines a table

<CAPTION>...</CAPTION> Supplies a caption

<TR>...</TR> Encloses a table row

<TH>...</TH> Encloses a column or row header inside a row

<TD>...</TD> Encloses table data (a cell value)

Note: The <TH> and <TD> elements can have ALIGN and SPAN attributes.

Frames

<FRAMESET></FRAMESET> Frame document

<FRAMESET ROWS="#,#,#,"></FRAMESET> Row heights (# set as either pixels or a percentage of the window size)

<FRAMESET ROWS="*"></FRAMESET> Row heights (* = relative size, or simply: "fill the rest of the browser window with this HTML file")

<FRAMESET COLS="#,#,#"></FRAMESET> Column widths (# equals either width in pixels or percents)

<FRAMESET COLS="*"></FRAMESET> Column widths (* = relative size, or simply: "fill the rest of the browser window with this HTML file")

<FRAMESET FRAMEBORDER="yes|no"> Borders

<FRAMESET BORDER="#"> Border width

<FRAMESET BORDERCOLOR="#010101"> Border color

<FRAME> Define frame (contents of an individual frame)

<FRAME SRC="URL"> Display document

<FRAME NAME="main"|_blank|_self|_parent|_top> Frame name; "content" is often used to designate the main framed window

<FRAME MARGINWIDTH="#"> Margin width (left and right margins)

<FRAME MARGINHEIGHT="#"> Margin height (top and bottom margins)

<FRAME SCROLLING="YES|NO|AUTO"> Include the scrollbar?

<FRAME NORESIZE> Do not let visitors resize your frame

<FRAME FRAMEBORDER="yes|no"> Border

<FRAME BORDERCOLOR="#010101"> Color the frame border? (see hexadecimal colors above)

<NOFRAMES></NOFRAMES> Unframed content; text for an unframed HTML courtesy page for visitors using non-frames capable Web browsers.

HTML Code	Description
Basic HTML Document Elements
<HTML>... </HTML>	Starts and ends an HTML document
<HEAD>...</HEAD>	Starts and ends a Text Heading
<TITLE>...</TITLE>	Document running title (not part of the text); recommended maximum length is sixty-four characters
<BODY>... </BODY>	Container for the information to be presented on the Web page
Section Headings
<H#>...</H#>	Section headings; six levels available, <H1> to <H6>
Backgrounds and Colors
<BODY BACKGROUND="this_image.gif">	Tiled background image
<BODY BGCOLOR="#010101">	Solid background color
<BODY TEXT="#010101">	Text color
<BODY LINK="#010101">	Link color
<BODY VLINK="#010101">	Visited link color
<BODY ALINK="#010101">	Active link color
General Layout Elements
<P>...</P>	Paragraphs of regular text
<BR>	Forced line break
<ADDRESS>...</ADDRESS>	Postal address information
<BLOCKQUOTE>...</BLOCKQUOTE>	Block quotations
<PRE>...</PRE>	Preformatted text
<HR>	Horizontal rule
Lists
<OL>...</OL>	Ordered lists; listed entries items will be numbered consecutively
<UL>...</UL>	Ordered lists; Unordered lists; listed entries will be bulleted
<MENU>...</MENU>	Menu lists
<DIR>...</DIR>	Directory lists
<LI>...</LI>	Used to list entries within ordered, unordered, menu, and directory lists. (<LI> may be used alone without </LI>)
<DL>...</DL>	Definition lists
<DT>...</DT>	Definition term in a definition list
<DD>...</DD>	Definition discussion in a definition list; may contain other block-oriented elements
Note: All lists may be nested.
Fonts
<BLINK></BLINK>	Blinking
<FONT SIZE="#"></FONT>	Font size; ranges from 1 to 7
<FONT SIZE="+#"></FONT>	Change font size up or down a size
<FONT COLOR="#010101"></FONT>v	Set font color
Visual Markup
<B>...</B>	Bold type
<I>...</I>	Italic type
<TT>...</TT>	Typewriter type
<U>...</U>	Underlined
Hypertext Links
<A HREF="url">...</A>	Link to another document or resource
<A HREF="url#anchor">...</A>	Link to a specific destination in another document
<A HREF="#anchor">...</A>	Link to a specific destination in the same document
<A NAME="anchor"></A>	Points to the target destination
Note: An <A> element may contain both HREF and NAME attributes.
Tables
<TABLE>...</TABLE>	Defines a table
<CAPTION>...</CAPTION>	Supplies a caption
<TR>...</TR>	Encloses a table row
<TH>...</TH>	Encloses a column or row header inside a row
<TD>...</TD>	Encloses table data (a cell value)
Note: The <TH> and <TD> elements can have ALIGN and SPAN attributes.
Frames
<FRAMESET></FRAMESET>	Frame document
<FRAMESET ROWS="#,#,#,"></FRAMESET>	Row heights (# set as either pixels or a percentage of the window size)
*<FRAMESET ROWS=""></FRAMESET>**	Row heights (* = relative size, or simply: "fill the rest of the browser window with this HTML file")
<FRAMESET COLS="#,#,#"></FRAMESET>	Column widths (# equals either width in pixels or percents)
*<FRAMESET COLS=""></FRAMESET>**	Column widths (* = relative size, or simply: "fill the rest of the browser window with this HTML file")
<FRAMESET FRAMEBORDER="yes\|no">	Borders
<FRAMESET BORDER="#">	Border width
<FRAMESET BORDERCOLOR="#010101">	Border color
<FRAME>	Define frame (contents of an individual frame)
<FRAME SRC="URL">	Display document
<FRAME NAME="main"\|_blank\|_self\|_parent\|_top>	Frame name; "content" is often used to designate the main framed window
<FRAME MARGINWIDTH="#">	Margin width (left and right margins)
<FRAME MARGINHEIGHT="#">	Margin height (top and bottom margins)
<FRAME SCROLLING="YES\|NO\|AUTO">	Include the scrollbar?
<FRAME NORESIZE>	Do not let visitors resize your frame
<FRAME FRAMEBORDER="yes\|no">	Border
<FRAME BORDERCOLOR="#010101">	Color the frame border? (see hexadecimal colors above)
<NOFRAMES></NOFRAMES>	Unframed content; text for an unframed HTML courtesy page for visitors using non-frames capable Web browsers.