You are on page 1of 1

HowStuffWorks.

com’s Big List of HTML Tags


Print this as a reference guide when creating Web pages. Learn how and where to apply these tags, as well as
other Web page creation tips at “How Web Pages Work” (www.howstuffworks.com/web-page.htm).
Structure Tags Text Tags
Tag Description Ending Tag Tag Description Ending Tag
<html> begin the HTML document file </html> <b> bold text </b>
<head> begin the file header </head> <i> italicize text </i>
<title> begin the title of the document </title> <u> underline text </u>
<body> begin the body of the document </body> <br> create a line break -
can add within tag: <p> create a paragraph break -
background=”file name”
bgcolor=”color value” <hr> create a horizontal rule -
text=”color value” <font> change font attribute </font>
link=”color value” add within tag:
vlink=”color value” color=”color value”
<div> begin applying an attribute to a section </div> face=”font type”
add within tag: size=value
align=”right, left or center” <small> make text small </small>
<!-- insert comments which will not be --> <big> make text large </big>
displayed <h1> create a heading </h1>
other size headings:
<h2> <h3> <h4> <h5> <h6>

List Tags Link Tags


Tag Description Ending Tag Tag Description Ending Tag
<ul> begin an unordered list </ul> <a href=> create a link to a web page or point on a </a>
can add within tag: page
type=”circle, square or disc” add within tag:
”URL”
<ol> begin an ordered list </ol> ”name”
can be added within tag: ”mailto:email address”
type=”A, a, I or i”
start=value <a name=> create a name to a portion of a page to at end of
</a> link to name
<li> list items in an unordered or ordered list </li>
<dl> begin a definition list </dl> add within tag:
<dt> item in definition list </dt> ”name”
Link to it using <a
<dd> definition in definition list </dd> href=”http://abc.com/page.htm#name”>
Table Tags
Image Tags
Tag Description Ending Tag
Tag Description Ending Tag
<table> begin a table </table>
<img src=> insert an image - can be added within tag:
add within tag: border=value
”file name” bgcolor=”color value”
can be added within tag: width=fixed value or percentage value
alt=”text to describe image” height=fixed value or percentage value
align=”left, right, center, top, bottom, align=”right, left or center”
middle or absmiddle” cellpadding=value
width=”value” cellspacing=value
height=”value”
border=value <tr> begin a table row </tr>
can be added within tag:
Frame Tags bgcolor=”color value”
Tag Description Ending Tag align=”left, right or center”
<frameset> begin a frame document </frameset> valign=”top, bottom or middle”
add within tag: <th> create a table heading </th>
rows=”fixed values or percentage can be added within tag:
values” bgcolor=”color value”
cols=”fixed values or percentage values” align=”left, right or center”
<frame> specify frame attributes - valign=”top, bottom or middle”
add within tag: width=value
src=”file name” colspan=value
can be added within tag: rowspan=value
name=”frame name” <td> begin row data </td>
scrolling=yes or no can be added within tag:
frameborder=value bgcolor=”color value”
marginwidth=value align=”left, right or center”
marginheight=value valign=”top, bottom or middle”
<noframes> include information within to support </noframes> width=value
non-frame browsers colspan=value
rowspan=value

© 2000 by HowStuffWorks.com, Inc. www.howstuffworks.com.


5625 Dillard Drive, Suite 217, Cary, NC USA 27511

You might also like