HTML Tag Table |
Just a handy reference...
Basic
Tags |
|
<html>
</html> |
Creates
an HTML document |
<head>
</head> |
Sets
off the title and any other information that will not be displayed on
the Web page |
<body>
</body> |
Sets
off the visible portion of the document |
<title>
text</title> |
Places
the name of the document in the title bar of the Web page |
<BGSOUND
SRC= "url"[LOOP=n|INFINITE]> |
Plays
a background sound while the page is viewed. The sound must be in the
|
Body Attribute Tags |
|
<body
bgcolor=???> |
Sets
the background color, using a name or its hex value |
<body
background="url"> |
Sets
the background to a specific image; HTML 3.2 tag |
<body
text=???> |
Sets
the text color, using a name or its hex value |
<body
link=???> |
Sets
the color of the links, using a name or its hex value |
<body
vlink=???> |
Sets
the color of links which have been followed, name or hex |
<body
alink=???> |
Sets
the color of links when you click on them, name or hex |
<body> | must
end with </body>, usually at the end of the page. |
Text Tags |
|
<pre>
</pre> |
Creates
preformatted text |
<h1>
</h1> |
Creates
the largest headline |
<h6>
</h6> |
Creates
the smallest headline |
<b>
</b> |
Creates
bold text |
<i>
</i> |
Creates
italic text |
<u>
</u> |
Creates
underlined text |
<tt>
</tt> |
Creates
teletype or typewriter-style text |
<s>
or <strike>,</s> |
Creates
strikethrough text (HTML 3.0 or higher) |
<sup>
</sup> |
Creates
superscript (HTML 3.0 or higher) |
<sub>
</sub> |
Creates
subscript (HTML 3.0 or higher) |
<cite>
</cite> |
Creates
a citation, usually in italics |
<em>
</em> |
Use
for emphasis on a word or phrase, use with bold or italics |
<strong>
</strong> |
Use
for emphasis on a word or phrase, use with bold or italics |
<comment>
</comment> |
Text
within this tag will not show up in a newer browser |
<!
...text... > |
Comments
in text are ignored by browser, show in red |
<code>
</code> |
Machine
code. Shows up in a typewriter font, e.g., courier |
<kbd> |
Stands
for "user keyboard entry," when you want the user to type
in some text. |
<font
size=???> </font> |
Sets
size of font from 1 to 7 (on some, it goes from -2 to +4) |
<font
color=???> </font> |
Sets
font color, using a name or its hex value |
Link Tags |
|
<a
href="URL"> </a> |
Creates
a webpage hyperlink to the URL listed |
<a
href="mailto:EMAIL"> </a> |
Creates
a mailto link to address named EMAIL |
<a
name="NAME"> </a> |
Creates
a target location within a document |
<a
href="#NAME"> </a> |
Links
to that target location from elsewhere in the document |
Formatting
Tags |
|
<p> |
Creates
a new paragraph |
<p
ALIGN=???> |
Aligns
a paragraph to the left, right, or center |
<br> |
Inserts
a line break |
<nobr>
</nobr> |
Stands
for "no break." Use it if you want the text inside the tag
to appear on the same line. |
<wbr> |
Stands
for "word break." Starts a new line if the browser needs to.
You can use it, for example, |
<blockquote>
</blockquote> |
Indents
text from both sides |
<dl>
</dl> |
Creates
a definition List |
<dt> |
Precedes
a definition term |
<dd> |
Precedes
each definition |
<ol>
</ol> |
Creates
a numbered list |
<li> |
Precedes
each list item, and adds a number |
<ul>
</ul> |
Creates
a bulleted list |
<li> |
Precedes
each list item, and adds the bullet |
<div
ALIGN=???> |
A
generic formatting tag, often used for stylesheets |
Graphical
Element Tags |
|
<img
SRC="name"> |
Adds
an image |
<img
SRC="name" ALIGN=???> |
Aligns
an image: left, right, center, bottom, top, or middle |
<img
SRC="name" BORDER=???> |
Sets
size of border around an image |
<hr> |
Inserts
a horizontal rule |
<hr
WIDTH=???> |
Sets
the width of a rule, in percentage or absolute value |
<hr
size=???> |
Sets
the height of a rule |
<hr
noshade> |
Creates
a rule without a shadow |
Table
and Table Attribute Tags |
|
<table>
</table> |
Creates
a table |
<tr>
</tr> |
Sets
off each row in a table |
<td>
</td> |
Sets
off each cell in a row |
<th>
</th> |
Sets
off the table header |
<table
BORDER=#> |
Sets
width of border around table cells |
<table
CELLSPACING=#> |
Sets
amount of space between cells |
<table
CELLPADDING=#> |
Sets
amount of space between a cell's border and its contents |
<table
WIDTH=# or %> |
Sets
width of table - in pixels or as a percentage of document width |
<tr
ALIGN=???> or <td ALIGN=???> |
Sets
alignment for cell(s) - left, right, or center |
<tr
VALIGN=???> or <td VALIGN=???> |
Sets
vertical alignment for cell(s) - top, middle or bottom |
<td
colspan=#> |
Sets
number of columns a cells should span (def = 1) |
<td
rowspan=#> |
Sets
number of rows a cells should span (def = 1) |
<td
nowrap> |
Prevents
the lines within a cell from being broken to fit |
Frame
and Frame Attribute Tags |
|
<frameset>
</frameset> |
Precedes
the <body> tag in a frames document |
<frameset
rows="value,value"> |
Defines
the rows within a frameset, using number in pixels, or percentage of
width |
<frameset
cols="value,value"> |
Defines
the columns within a frameset, using number in pixels, or percentage
of width |
<frame> |
Defines
a single frame- or region - within a frameset |
<noframes>
</noframes> |
Defines
what will appear on browsers that don't support frames |
<frame
SRC="URL"> |
Specifies
which HTML document should be displayed |
<frame
name="name"> |
Names
the frame, or region, so it may be targeted |
<frame
marginWIDTH=#> |
Defines
the left and right margins for the frame; mus be greater than or equal
to one |
<frame
marginheight=#> |
Defines
the top and bottom margins for the frame; mus be greater than or equal
to one |
<frame
scrolling=VALUE> |
Sets
whether the frame has a scrollbar; value may equal "yes,"
"no," or "auto." |
<frame
noresize> |
Prevents
the viewer/user from resizing the frame |
Form
Tags |
|
<form>
</form> |
Creates
all forms |
<select
multiple name="NAME" size=???> </select> |
Creates
a scrooling menu. Size sets the number of menu items visible before
you need to scroll. |
<option> |
Sets
off each menu item |
<select
name="NAME" size=???> </select> |
Creates
a pulldown menu |
<option> |
Sets
off each menu item |
<textarea
name="NAME" cols=40 rows=8> |
Creates
a text box area. Columns sets the width, rows sets the height. |
<input
TYPE="checkbox" name="NAME"> |
Creates
a checkbox. Text folows tag. |
<input
TYPE="radio" name = "NAME" value="x" |
Creates
a radio button. text follows tag. |
<input
type= text name="xxx" size=30> |
Creates
a one-line text area. Size sets length in characters. |
input
TYPE = "submit" value="NAME" |
Creates
a Submit button |
input
TYPE = "image" BORDER=0 name="NAME" SRC="name.gif" |
Creates
a Submit button using an image |
<input
TYPE="reset" |
Creates
a Reset button |
For the forms to be functional, you'll have to run a
CGI script. The HTML code just creates the appearance of the form. |
Special
Characters (character,
ASCII, tag) |
||
"
34 " & 38 & < 60 < > 62 > ® 168 ® © 169 © À 192 À Á 193 Á Â 194 Â Ã 195 Ã Ä 196 Ä Å 197 Å Æ 198 Æ Ç 199 Ç È 200 È É 201 É Ê 202 Ê Ë 203 Ë Ì 204 Ì Í 205 Í Î 206 Î Ï 207 Ï Ñ 209 Ñ Ò 210 Ò |
Ó
211 Ó Ô 212 Ô Õ 213 Õ Ö 214 Ö Ø 216 Ø Ù 217 Ù Ú 218 Ú Û 219 Û Ü 220 Ü Ý 221 Ý _ 222 Þ ß 223 ß à 224 à á 225 á â 226 â ã 227 ã ä 228 ä å 229 å æ 230 æ ç 231 ç è 232 è é 233 é ê 234 ê ë 235 ë |
ì
236 ì í 237 í î 238 î ï 239 ï ð 240 ð ñ 241 ñ ò 242 ò ó 243 ó ô 244 ô õ 245 õ ö 246 ö ø 248 ø ù 249 ù ú 250 ú û 251 û ü 252 ü ¦ 253 ý _ 254 þ ÿ 255 ÿ |
Color Names |
|||
aqua |
black |
blue |
fuchsia |
navy |
olive |
purple |
red |
gray |
green |
lime |
maroon |
silver |
teal |
white |
yellow |