HTML Index

Q: Index of HTML tags

This index covers the basic HTML tags used to create web pages. This is not an all-inclusive list, however.
  HTML Opening and Closing Tags Function Example  
<HTML></HTML> Begins and ends every web page. These codes should always be the first and the last things on your web pages. Click here for more info.

<HTML>
(remaining code)
</HTML>

  <HEAD></HEAD>

Separates the header information from the body of your page. Nothing that you want visible on your web page should be placed in the header.

<HEAD>
(title, meta-tags, etc.)
</HEAD>

 
  <TITLE></TITLE> Anything placed between these tags will be displayed at the top of the browser window and in the taskbar. The title is also used by search engines to identify your pages. Click here for more info.

<HTML>
<HEAD>
<TITLE>
Dave's Stuff
</TITLE>
</HEAD>

  
  <META>

There are various Meta options. For more information, please refer to: About.com's directory on Meta Tags. Or, if you would like a list of all Meta Tag options available, click here.

No Example

 
  <BODY></BODY> This tag marks the beginning and end of the visual part of the web page.

<BODY>
(text, images, etc.)
</BODY>

 
  BGCOLOR Used in the <BODY> tag. This attribute allows you to set the background color of your entire web page. Click here for more info. <BODY
BGCOLOR="WHITE> 		 
  BACKGROUND

Used in the <BODY> tag. This attribute inserts an image into the background of your entire web page. Click here for more info.

<BODY BACKGROUND="bg.gif">

 
  LINK Used in the <BODY> tag. This attribute allows you to change the color of all links on your web page. <BODY LINK="brown">  
  ALINK

Used in the <BODY> tag. This attribute allows you to change the color of all active links on your web page.

<BODY ALINK="red">

 
  VLINK Used in the <BODY> tag. This attribute allows you to change the color of all visited links on your web page. <BODY VLINK="purple">  
  <FONT></FONT>

Allows you to change the look of the text in your site. This can be set for the entire page, a paragraph, a sentence, even one letter.

See Next Three Examples

 
  FACE Used in the <FONT> tag. This attribute allows you to change the font type. Click here for more info. <FONT FACE="arial, helvetica, sans-serif">  
  SIZE

Used in the <FONT> tag. This attribute allows you to change the font size.

<FONT SIZE="+3">

 
  COLOR Used in the <FONT> tag. This attribute allows you to change the font color. Click here for more info. <FONT COLOR="blue">  
  <A HREF></A>

Allows you to create hyperlinks on your web page. Click here for more info.

<A HREF="http://www.
Adam2.org">

  
  TARGET Used with the <A HREF> tag. This allows you to link to a different frame window or open a new browser window. Click here for more info. <A HREF="puppy.html" TARGET="bottom_frame">  
  <IMG></IMG> Allows you to insert an image into your web page. Click here for more info. <IMG SRC="dog.jpg">  
  ALIGN Used with the <IMG> tag. Allows you to align your image to the left, right, or center of the web page. Click here for more info. <IMG SRC="dog.jpg" ALIGN="center">  
  BORDER

Used with the <IMG> tag. Allows you to place a border around your image. Click here for more info.

<IMG SRC="dog.jpg" BORDER="5">

 
  HEIGHT Used with the <IMG> tag. Allows you to control the height of your image. Click here for more info. <IMG SRC="dog.jpg" HEIGHT="500">  
  WIDTH

Used with the <IMG> tag. Allows you to control the width of your image. Click here for more info.

<IMG SRC="dog.jpg" WIDTH="500">

 
  <EMBED>

Allows you to insert .mid and .wav files into your web page. (This tag only compatible with Internet Explorer.)

<EMBED SRC="song.mid">

 
  <NOEMBED><BGSOUND>
</BGSOUND></NOEMBED>		 Allows you to insert Mid and .wav files into your web page, so that files will play in both Internet Explorer and Netscape. Click here for more info. <EMBED SRC="song.mid">
<NOEMBED>
<BGSOUND SRC="song.mid">
</NOEMBED> 		 
  <TABLE></TABLE>

Inserts a table into your web page. Click here for more info.

<TABLE>
(table insides)
</TABLE>

 
  <TR></TR> Used within <TABLE> tags. Allows you to create a row in your table. <TABLE>
<TR>
(stuff)
</TR>
</TABLE>		  
  <TH></TH>

Used within <TR> tags. Allows you to specify cells that act as headers for your table.

<TABLE>
<TR>
<TH>(your heading)</TH>
</TR>
</TABLE>

 
  <TD></TD> Used within <TR> tags. Allows you to create one or more columns in your table. You should insert a <TD> tag for each column you would like in your row.

<TABLE>
<TR>
<TD>(text and stuff)</TD>
</TR>
</TABLE>

 
  CELLPADDING Used in the <TABLE> tag. Allows you to add space between the contents of the cell and the edge of the cell. Click here for more info. <TABLE CELLPADDING="3">  
  CELLSPACING

Used in the <TABLE> tag. Allows you to add space between the cells in a table. Click here for more info.

<TABLE CELLSPACING="3">

 
  BORDER Used in the <TABLE> tag. Allows you to add a border between all cells and around the table. Click here for more info. <TABLE BORDER="3">  
  WIDTH Used in the <TABLE> tag and the <TD> tag. WIDTH allows you to set the width of the table or cell. <TABLE WIDTH="50%">
<TD WIDTH="500"> 		 
  HEIGHT

Used in the <TABLE> tag and the <TD> tag. Allows you to set the height of a table or row.

<TABLE HEIGHT="500">
<TD HEIGHT="30%">

 
  ALIGN Used in the <TABLE> and <TD> tags. Allows you to specify if you would like the table aligned to the left, right, or center. When used in the <TD> tag, it allows you to specify if you want the cell contents aligned to the left, right, or center. <TABLE ALIGN="center">
<TD ALIGN="right"> 		 
  BGCOLOR

Used in the <TABLE> tag. Allows you to specify the background color for the entire table.

<TABLE BGCOLOR="white">

  
  COLOR Used in the <TD> tag. Allows you to specify the background color of a cell. Click here for more info. <TD COLOR="yellow">  
  NOWRAP

Used in the <TR> or <TD> tag. Keeps text within cells from wrapping to a new line.

<TD NOWRAP>

 
  <BLOCKQOUTE>
</BLOCKQUOTE>

Indents text or images.

<BLOCKQUOTE>
(stuff)
</BLOCKQUOTE>

 
  <CODE></CODE> Over-rides font settings, making all spacing between letters fixed-width and all fonts Times. <CODE>(stuff)</CODE>  
  <B></B>

Makes text bold. Click here for more info.

<B>bold text</B>

 
  <I></I> Italicizes text. Click here for more info. <I>italicize text</I>  
  <H1...H6></H1>

Formats text into a header. <H1> is the biggest, <H6> the smallest.

<H1>header stuff</H1>

 
  <U></U> Underlines text. Click here for more info. <U>underlined text</U>  
  <DIV></DIV>

Allows you to determine the alignment of one or more elements on a page.

see next example

  
  ALIGN Used in the <DIV> tag. Allows you to align paragraphs, images, tables, words, etc. to the left, right, or center of the page or table cell. <DIV ALIGN="right">(stuff)</DIV>  
  <P></P>

Allows you to specify the beginning and ending of a paragraph. When the </P> tag is used at the end of a paragraph, an extra line-break is entered after the paragraph. Click here for more info.

<P>(paragraph stuff)</P>

 
  <BR> Enters a line break in your text or between graphics. Click here for more info. (stuff)<BR>  
  <!-- -->

Makes anything between the tags invisible to visitors. Useful for inserting comments into your page that only you will see. Click here for more info.

<!-- No one will see this -->

 
<OL></OL> Makes all paragraphs within the tags into a numbered list, when used with the <LI> tag. Click here for more info. <OL>
  <UL></UL>

Puts a bullet in front of all paragraphs between the tags, when used with the <LI> tag. Click here for more info.

<UL>

 
  <LI></LI> Makes a part of your HTML into either an ordered or bulleted list, when enclosed within these tags.

<OL>
<LI>item one</LI>
</OL>

<UL>
<LI>bulleted item one</LI>
</UL>

 
  <HR>

Inserts a horizontal line into your page. Click here for more info.

<HR>

 
  SIZE Controls the length of the horizontal line. <HR SIZE="80%">  
  WIDTH

Controls the width of the horizontal line.

<HR WIDTH="50">