|
HTML
Tag
|
Attributes
|
What
It Does
|
Other
Info
|
| Comment
Tags |
<!--
... -->
<comment> </comment>
|
|
Creates
a hidden comment.
Creates a hidden comment.
|
Comment
tags are used to hide JavaScript from older browsers or
to mark sections within an HTML document for easier editing.
Comments do not show up on web pages, they ae visible only
in the source code.
|
| Basic
Structure Elements |
|
|
|
<html>
... </html>
|
|
Begins
an HTML document and encloses the entire page.
|
|
|
<head>
... </head>
|
|
Encloses
the head section of an HTML document.
|
|
|
<title>
... </title>
|
|
Encloses
the title of the HTML document and is placed within the
<head> section.
|
|
|
<body>
... </body>
|
|
Encloses
the body of an HTML document. The content of the body, minus
the HTML code, is what you see on a page.
|
|
|
|
background="..."
|
The
URL of the image to tile is the web page background
|
|
|
|
bgcolor="..."
|
Sets
the background color of the page.
|
|
|
|
text="..."
|
Sets
the text color of the page.
|
|
|
|
link="..."
|
Sets
the link color of the page.
|
|
|
|
alink="..."
|
Sets
the active link color of the page.
|
|
|
|
vlink="..."
|
Sets
the visited link color of the page.
|
|
|
|
bgproperties="..."
|
The
value of "fixed" keeps teh web page background
from scrolling. this doesn't work in all browsers.
|
|
|
|
topmargin="..."
|
Sets
the top margin of the page, measured in pixels. (IE)
|
|
|
|
leftmargin="..."
|
Sets
the left margin of the page, measured in pixels. (IE)
|
|
|
|
rightmargin=".."
|
Sets
the right margin of the page, measured in pixels. (IE)
|
|
|
|
bottommargin=".."
|
Sets
the bottom margin of hte page, measured in pixels. (IE)
|
|
|
|
marginwidth="..."
|
Sets
the left and right margin of the page, measured in Pixels.
(Netscape)
|
|
|
|
marginheight="..."
|
Sets
the top and bottom margin of the page, measured in pixels.
(Netscape)
|
|
|
<base>
|
|
Optional
tag used in the <head> section to list the document
URL.
|
|
|
|
href="..."
|
The
full URL of the page.
|
|
|
<meta>
|
|
Used
to indicate information aobut the document
|
|
|
|
name="..."
|
Defines
the type of meta tag it is. Example: Keywords
|
|
|
|
content="..."
|
The
content for the named type.
|
|
|
|
description="..."
|
The
description of your site that will display on the search
engines.
|
|
|
|
author="..."
|
Place
to type in the author info for the page.
|
|
| Heading
Elements |
|
<h1>
... </h1>
|
|
1st
level heading (largest).
|
|
|
<h2>
... </h2>
|
|
2nd
level heading.
|
|
|
<h3>
... </h3>
|
|
3rd
level heading.
|
|
|
<h4>
... </h4>
|
|
4th
level heading.
|
|
|
<h5>
... </h5>
|
|
5th
level heading.
|
|
|
<h6>
... </h6>
|
|
6th
level heading (smallest).
|
|
| Formatting
Elements |
|
|
|
<em>
... </em>
|
|
Adds
emphasis (usually italics).
|
|
|
<strong>
... </strong>
|
|
Stong
emphasis (usually bold).
|
|
|
<cite>
... </cite>
|
|
Citation
(usually italics).
|
|
|
<b>
... </b>
|
|
Bold
Text.
|
|
|
<i>
... </i>
|
|
Italic
Text.
|
|
|
<tt>
... </tt>
|
|
Typewriter
text (monospaced).
|
|
|
<pre>
... </pre>
|
|
Preformatted
text.
|
|
|
<big>
... </big>
|
|
Text
is slightly bigger than base.
|
|
|
<small>
... </small>
|
|
Text
is slightly smaller than base.
|
|
|
<sub>
... </sub>
|
|
Subscript
(lower than normal).
|
|
|
<sup>
... </sup>
|
|
Superscript
(higher than normal).
|
|
|
<strike>
... </strike>
|
|
Line
through the text.
|
|
|
<blockquote>
... </blockquote>
|
|
Indents
text on both side margins.
|
|
|
<address>
... </address>
|
|
Used
for signatures to create a line break on both sides.
|
|
|
<center>
... </center>
|
|
Centers
the content.
|
|
|
<blink>
... </blink>
|
|
Causes
text to blink. Not supported by all browsers.
|
Use
sparingly or not at all.
|
|
<font>
... </font>
|
|
Changes
the font attributes.
|
|
|
|
size="..."
|
Controls
font size from 1-7, with 1 being the smallest.
|
|
|
|
color="..."
|
Changes
the font color.
|
|
|
|
face="..."
|
Change
the font typeface.
|
|
|
<basefont>
... </basefont>
|
|
Sets
the default font size.
|
|
|
|
size="..."
|
Values
are from 1-7.
|
|
|
<p>
... </p>
|
|
Paragraph.
Creates a double line break. A cancel tag is optional.
|
|
|
|
align="..."
|
Aligns
the paragraph. Values are left, right, center, and justify.
|
|
|
<br>
|
|
Break.
Creates a single line break. No cancel tag is used.
|
|
|
|
clear="..."
|
Causes
text to stop flowing around images. Values are left, right,
and all.
|
|
|
<nobr>
... </nobr>
|
|
Causes
text not to wrap to the next line. May cause page to scroll
sideways.
|
|
|
|
|
Creates
a non-breaking space (a blank space).
|
|
|
<hr>
|
|
Horizontal
rule (line). No cancel tag is used.
|
|
|
|
size="..."
|
The
vertical thickness of the rule, as measured in pixels.
|
|
|
|
width="..."
|
The
horizontal width of the rule, as mesured in pixels or a
percentage of the page or table cell that encloses it.
|
|
|
|
color="..."
|
The
color of the rule. (IE)
|
|
|
|
align="..."
|
Aligns
the rule left, right or center.
|
|
|
|
noshade
|
Makes
the rule a solid line instead of two-tone bevel.
|
|
| Link
Elements |
| <a>
... </a> |
|
With
"href," creates a link to another file; or with
"name," creates an anchor point that can be linked
to.
|
|
| |
href="..." |
Hypertext
reference, the URL of the file to be retrieved.
|
|
| |
name="..." |
The
name of an anchor point.
|
|
| |
urn="..." |
Uniform
Resource Number. the numerical address of a file. Seldom
used.
|
|
| |
title="..." |
The
name or title of the linked file.
|
|
| |
target="..." |
The
frame name the lik should appearin, or "new" to
open the link in a new window.
|
|
| List
Elements |
|
|
| <ol>
... </ol> |
|
Ordered
list.
|
|
| |
type="..." |
Defines
the list labels, values are A, a, I, i, and 1.
|
|
| |
start="..." |
The
label value to start the list.
|
|
| <ul>
... </ul> |
|
Unordered
(bulleted) list.
|
|
| |
type="..." |
The
style of bullet to use, values are circle, disk, and square.
|
|
|
<menu>
... </menu>
|
|
Menu
list. Not often used.
|
|
|
<dir>
... </dir>
|
|
Directory
list. Not often used.
|
|
|
<li>
|
|
A
list item or ordered lists, unordered lists, menu lists,
and directory lists. No cancel tag is used.
|
|
|
<dl>
... </dl>
|
|
Definition
list.
|
|
|
|
compact
|
Creates
list with less white space.
|
|
|
<dt>
|
|
Definition
term, used with definition lists. No cancel tag is used.
|
|
|
<dd>
|
|
Definition
of hte definition term, used with definition lists. No cancel
tag is used.
|
|
| Form
Elements |
|
|
|
<form>
... </form>
|
|
Begins
an input form.
|
|
|
|
action="..."
|
The
URL of the script to process the form, or the mailto reference.
|
|
|
|
method="..."
|
How
the form is processed. Values are get or post.
|
|
|
|
name="..."
|
Name
of the form, used in JavvaScript references.
|
|
|
<input>
... </input>
|
|
An
input device for a form.
|
|
|
|
type="..."
|
Input
type. Values aer checkbox, radio, text, submit, reset, hidden,
password, or image.
|
|
|
|
name="..."
|
Labels
output in a processed form.
|
|
|
|
value="..."
|
The
default value for a text field or hidden field; for a checkbox
or radio button, the value to be submitted with the form;
for reset or submit buttons, the text that should appear
on the button.
|
|
|
|
src="..."
|
If
using an image, the path and file name to the image.
|
|
|
|
size="..."
|
The
size of a text box, as measured in characters.
|
|
|
|
align="..."
|
If
using images, works like an image align tag.
|
|
|
|
maxlength="..."
|
the
maximum amount of characters allowed in a text box.
|
|
|
|
checked
|
Causes
a checkbox or radio button to be checked by default when
the page loads.
|
|
|
<textarea>
... </textarea>
|
|
A
multi-line text input box. text can be placed in the box
by default by placing it between opening and closing tags.
|
|
|
|
rows="..."
|
Controls
the height of the text box.
|
|
|
|
cols="..."
|
Controls
the width of the text box.
|
|
|
|
name="..."
|
Labels
output in a processed form.
|
|
|
|
wrap
|
Controls
text wrapping. Values are physical, virtual, and off.
|
|
|
<select>
... </select>
|
|
Creates
a drop-down list or scrolling menu of items.
|
|
|
|
size="..."
|
Number
of items to display in a scrolling list. If size is not
indicated it becomes a drop-down list.
|
|
|
|
name="..."
|
Labels
out put in a processed form.
|
|
|
|
multiple
|
Allows
more than one selection from the list to be made.
|
|
|
<option>
|
|
Lists
an item within the <select> tags. No cancel tag needed.
|
|
|
|
value="..."
|
Value
to submit when form is processed.
|
|
|
|
selected
|
Makes
one item the default selection when a page loads. Can only
be used with one option per <select> list.
|
|
|
|
|
|
|
<table>...>/table>
|
|
Creates
a table of rows and columns.
|
|
|
|
cellpadding="..."
|
The
space between the edge of a table cell and the cell contents,
measured in pixels.
|
|
|
|
cellspacing="..."
|
The
space between the table cells, measured in pixels.
|
|
|
|
width="..."
|
The
width of a table, measured in pixels or page percentage.
|
|
|
|
border="..."
|
The
width of the table border, measured in pixels.
|
|
| |
align="..." |
Horizontal
alignment of the table, values are left, right, and center.
|
|
| |
valign="..." |
Vertical
alignment of content within the table. Values are top and
bottom.
|
|
| |
bgcolor="..." |
The
background color of all cells that do not have their own
color or background image specified.
|
|
| |
background="..." |
The
URL of a background image to tile in all the cells that
do not have their own background color or image specified.
|
|
| |
bordercolor="..." |
The
border color if the border attribute is used.
|
|
| |
bordercolorlight="..." |
Color
for the light shade in 3-D look borders. (IE)
|
|
| |
bordercolordark="..." |
Color
for the dark shade in 3-D look borders. (IE)
|
|
| |
frame="..." |
Controls
external table borders. Values are: above (top border),
below (bottom border), hsides (horizontal sides, top and
bottom borders), lhs (left had side), rhs (right hand side),
vsides (vertical sides, left and right borders), box (all
sides), and void (no borders).
|
|
| |
rules="..." |
Controls
internal table borders. Values are none, all, basic, cols,
and rows.
|
|
| <caption>
... </caption> |
|
Sets
a caption for the table.
|
|
| |
align="..." |
Sets
the horizontal alignment. Values are left, center, right,
and justified.
|
|
| <tr>
... </tr> |
|
Starts
a table row. Can contain headings and data (<th> and
<td>).
|
|
| |
align="..." |
Sets
the horizontal alignment for this row. Values are left,
center, right, and justified.
|
|
| |
valign="..." |
Sets
the vertical alignment for this row. Values are top, middle,
bottom, and baseline.
|
|
| |
bgcolor="..." |
The
background color of all cells in that row that do not have
their own color or background image specified.
|
|
| |
background="..." |
The
URL of a background image to tile in all the cells in that
row that do not have their oown background color or image
specified.
|
|
| |
bordercolor="..." |
The
border color in that row if the border attribute is used.
|
|
| |
bordercolorlight="..." |
Color
in that row for the light shade in 3-D look borders. (IE)
|
|
| |
bordercolordark="..." |
Color
for that row for the dark shade in 3-D look borders. (IE)
|
|
| <th>
... </th> |
|
Sets
a table heading cell.
|
|
| |
align="..." |
Sets
the horizontal alignment for the cell. Values are left,
center, right, and justify.
|
|
| |
valign="..." |
Sets
the vertical alignment for the cell. Values are top, middle,
bottom, and baseline.
|
|
| |
rowspan="..." |
Sets
the number of rows the cell will span.
|
|
| |
colspan="..." |
Sets
the number of columns the cell will span.
|
|
| |
width="..." |
Sets
the width of this celll column. Measured in pixels or percentage.
|
|
| |
bgcolor="..." |
The
background color of this cell.
|
|
| |
background="..." |
The
URL of a background image to tile in this cell.
|
|
| |
bordercolor="..." |
The
border color if the border attribute is used.
|
|
| |
bordercolorlight"..." |
Color
in that row for the light shade in 3-D look borders. (IE)
|
|
| |
bordercolordark="..." |
Color
for that row for the dark shade in 3-D look borders. (IE)
|
|
| |
nowrap |
Prevents
text from wrapping to the next line.
|
|
| <td>
... </td> |
|
Sets
a table data cell.
|
|
| |
align="..." |
Sets
the horizontal alignment for the cell. Values are left,
center, right, and justify.
|
|
| |
valign="..." |
Sets
the vertical alignment for the cell. Values are top, middle,
bottom, and baseline.
|
|
| |
rowspan="..." |
Sets
the number of rows the cell will span.
|
|
| |
colspan="..." |
Sets
the number of columns the cell will span.
|
|
| |
width="..." |
Sets
the width of this celll column. Measured in pixels or percentage.
|
|
| |
bgcolor="..." |
The
background color of this cell.
|
|
| |
background="..." |
The
URL of a background image to tile in this cell.
|
|
| |
bordercolor="..." |
The
border color if the border attribute is used.
|
|
| |
bordercolorlight="..." |
Color
in that row for the light shade in 3-D look borders. (IE)
|
|
| |
bordercolordark="..." |
Color
for that row for the dark shade in 3-D look borders. (IE)
|
|
| |
nowrap |
Prevents
text from wrapping to the next line.
|
|
|
|
|
|
| <frameset>
... </frameset> |
|
Divides
a browser into windows that can each display separate HTML
pages.
|
|
| |
rows="..." |
Causes
the window to be divided horizontally into rows.
|
|
| |
cols="..."
|
Causes
the window to be divided vertically into columns.
|
|
| |
border="..." |
Size
of the frame border. Set to 0 (zero) for Netscape for no
border.
|
|
| |
frameborder="..." |
Turns
frame border off for IE. Values are yes and no.
|
|
| <frame> |
|
Sets
a single frame of a frameset. No cancel tag is used.
|
|
| |
src="..." |
The
URL of the page to be displayed in this frame.
|
|
| |
name="..." |
A
name used to target pages to be loaded into this frame.
|
|
| |
marginwidth="..." |
The
space (padding) between the left and right side of the frame
and the frame's content.
|
|
| |
marginheight="..." |
The
space (padding) between the top and bottom of the frame
and the frames content.
|
|
| |
scrolling="..." |
Sets
whether a frame has scrollbars. Values are yes, no, and,
auto.
|
|
| |
noresize |
Prevents
visitors from resizing the frames.
|
|
| <noframes>
... </noframes> |
|
Provides
an alternative document to browsers that do not support
frames.
|
|
| Image
Elements |
|
|
| <img> |
|
Places
an image into a document. No cancel tag is used.
|
|
| |
src="..." |
The
URL to the image.
|
|
| |
width="..." |
The
width of the image, measured in pixels.
|
|
| |
height="..." |
The
height of the image, measured in pixels.
|
|
| |
align="..." |
The
alignment of the image. If set to left or right, text will
flow beside the image. All other values (top, middle, bottom)
determine vertical alignment with other content on the same
line.
|
|
| |
alt="..." |
Alternative
text for browsers that do not support graphics or have graphics
turned off.
|
|
| |
border="..." |
Creates
a border as measured in pixels areound the image. If the
image is a link, it's common to set the border to 0 (zero).
|
|
| |
ismap |
Declaration
for an image map.
|
|
| |
usemap="..." |
The
name of the map to use for image map. Used with map and
area tags.
|
|
| |
vspace="..." |
Sets
the space (padding) above and below an image.
|
|
| |
hspace="..." |
Sets
the space (padding) on both sides of an image.
|
|
| |
lowsrc="..." |
The
URL to a smaller image to be loaded before the larger image
loads.
|
|
| <map>
... </map> |
|
Contains
the image map coordinates. Must have at least one <area>
tag, referenced by the usemap attribute in an image tag.
|
|
| <area> |
|
Defines
the coordinates of each clickable link in an image map.
No cancel tag is used.
|
|
| |
shape="..." |
Defines
the shape of the clickable area. Values are rect, circle,
and poly.
|
|
| |
coords="..." |
The
coordinates of the clickable area for an image map link.
|
|
| |
href="..." |
The
URL that should be activated when the defined coordinates
are clicked.
|
|
