HTML Reference List

Below are the most popular HTML tags and their possible properties.

Tag Properties
<!-- ... --> Anything between these tags will be ignored.
<!doctype ...>  
<a ...>
anchor (link)		 href: url you are linking to
name: name a section of the page
target = "_blank" | "_parent" | "_self" | "_top" | window name
which window the document should go in
title: suggested title for the document to be opened
onclick: script to run when the user clicks on this anchor
onmouseover: when the mouse is over the link
onmouseout: when the mouse is no longer over the link
accesskey
<applet ...> code: the applet to run
codebase: path to the applet class
width: width of the applet
height: height of the applet
align = left | right | top | middle | bottom | baseline
alignment of applet to surrounding text
vspace: vertical space between applet and surrounding text
hspace: horizontal space between applet and surrounding text
border: empty space surrounding the applet
name: name of applet for reference by other applets
archive: a compressed collection of applet components
mayscript: if java can use javascript
<area ...>
for image map		 href: url you are linking to
alt: alternate text if the image isn't displayed
shape = rect | circle | poly | default
what shape is this area?
coords: coordinates for the link area shape
title: short description of the area
target: what frame to go to
nohref: this area is not a link
onclick: script action when the user clicks this area
onmouseover
onmouseout
<b>
bold		  
<base ...>
base address		 href: default address for hypertext links
target = "_blank" | "_parent" | "_self" | "_top" | frame name
default window for linked documents
<basefont ...> size
color
face
<bgsound ...> src: url of the sound
loop = infinite | number of loops
how many times to play the sound
<big>  
<blink>  
<blockquote>  
<body ...> bgcolor: background color of the page
background: background picture for the page
text: color of the text on the page
link: color of links that haven't been followed yet
vlink: color of links that have been followed
alink: color of links while you are clicking on them
bgproperties = fixed
if the background image should not scroll
topmargin: size of top and bottom margins
leftmargin: size of left and right margins
marginheight: size of top and bottom margins
marginwidth: size of left and right margins
onload: script to run once the page is fully loaded
onunload
onfocus
onblur
stylesrc: ms frontpage extension
scroll = yes | no
if the document should have a scroll bar
<br ...>
line break		 clear = left | right | all | both
go past a picture or other object
<button ...>
for form		 type = button | submit | reset
what type of button is this
onclick: script to run when the user clicks here
name: name of this button element
value: the value sent with the form
disabled: disable this button
accesskey: shortcut key for this button
tabindex: tab order
<caption ...>
for table		 align = top | bottom | left | right
alignment of caption to table
valign = top | bottom
if caption should be above or below table
<center>  
<col ...>
column of table		 span: how many columns this affects
align = left | center | right | justify
horizontal alignment
width: width of the column
bgcolor: background color of the column
<div ...> align = left | center | right | justify
text alignment
<em>
emphasis		  
<embed ...> src: url of resource to be embedded
width: width of area in which to show resource
height: height of area in which to show resource
align = absbottom | absmiddle | middle | texttop | right | left | baseline | center | bottom | top
how text should flow around the picture
name: name of the embedded object
pluginspage: where to get the plugin software
pluginurl: where to get the jar archive for automatic installation
hidden = false | true
if the object is visible or not
href: make this object a link
target: frame to link to
autostart = true | false
if the sound/movie should start automatically
loop = true | false | # of loops
how many times to play the sound/movie
playcount: how many times to play the sound/movie
volume: how loud to play the sound
controls = volumelever | stopbutton | pausebutton | playbutton | smallconsole | console
which sound control to display
controller = true | false
if controls should be displayed
mastersound: indicates the object in a sound group with the sound to use
starttime: how far into the sound to start and stop
endtime: when to finish playing
<font ...> size: size of the font
color: color of the text
face: set the typestyle for text
point-size
weight
<form ...> action: url of the cgi program
method = get | post
how to transfer the data to the cgi
name: name of this form
enctype = "multipart/form-data" | "application/x-www-form-urlencoded" | "text/plain"
what type of form this is
target = "_blank" | "_parent" | "_self" | "_top" | frame name
what frames to put the results in
onsubmit: script to run before the form is submitted
onreset: script to run before the form is reset
<frame ...> src: what file to put in the frame
name: the name of the frame
scrolling = yes | no | auto
should the frame have a scrollbar?
noresize: don't let the user make the frame bigger or smaller
frameborder = yes | 1 | no | 0
should this frame have a border?
bordercolor: color of the surrounding border
marginwidth: the internal left and right margins for the frame
marginheight: the internal top and bottom margins for the frame
<frameset ...> cols: how many cols in the frameset
rows: how many rows in the frameset
frameborder = yes | 1 | no | 0
if the frames should have borders
framespacing: space between the frames
border: space between frames
bordercolor: color of frame borders
<h# ...>
headers
<h1 ...>, <h2 ...>, <h3 ...>, <h4 ...>, <h5 ...>, <h6 ...>		 align = left | right | center | justify
alignment
<head>  
<hr ...>
horizontal rule		 noshade: don't use shadow effect
size: height
width: horizontal width of the line
align = left | right | center
horizontal alignment of the line
color: color of the line
<html>  
<i>
italics		  
<iframe ...>
inline frame		 src: url of the document to go in the frame
height: height of the inline frame
width: width of the inline frame
name: name of this inline frame
longdesc: url of a long description of the contents of the frame
frameborder = 1 | 0
if the frame should have a border around it
marginwidth: internal left/right margin for the frame
marginheight: internal top/bottom margin for the frame
scrolling = yes | no | auto
if the frame should have scroll bars
align = left | right | top | texttop | middle | absmiddle | center | bottom | absbottom | baseline
alignment of the frame object to text around it
vspace: space above and below the frame
hspace: space to the left and right of the frame
<img ...>
image		 src: where to get the picture
alt: text to show if you don't show the picture
name
longdesc: url of a long description of the image
width: how wide is the picture
height: how tall is the picture
align = left | right | top | texttop | middle | absmiddle | bottom | absbottom | baseline
how text should flow around the picture
border: border around the picture
hspace: horizontal distance between the picture and the text
vspace: vertical distance between the picture and the text
ismap: is this a clickable map?
usemap: name of the map definition
lowsrc: a version of the picture that isn't such a big file
naturalsizeflag: meaningless
nosave: meaningless
dynsrc: play a movie file
controls: show the buttons which control the movie
loop = infinite | -1 | # of loops
how many times to loop the movie
start = fileopen | mouseover
when to start playing the movie
onload: script to runs after the image is downloaded
suppress = true | false
don't show icons of images that haven't downloaded yet
<input ...>
for form		 type = text | checkbox | radio | password | hidden | submit | reset | button | file | image
what type of field
name: name of this form field
value: initial or only value of this field
size: how wide the text field should be
maxlength: maximum number of characters
checked: check this checkbox or radio button
border: border around image
src: url of image
alt: text to show if you don't show the picture
lowsrc: a version of the picture that isn't such a big file
width: width of image
height: height of image
align = left | right | top | texttop | middle | absmiddle | center | bottom | absbottom | baseline
how text should flow around the picture
vspace: vertical distance between the picture and the text
hspace: horizontal distance between the picture and the text
readonly: the value of this field cannot be changed
disabled: don't let the user do anything with this field
accesskey
tabindex: tab order
language = "javascript" | "javascript1.1" | "jscript" | "vbscript" | "vbs" | other language
scripting language to use
onclick: when the user clicks here
onchange: when this field is changed
onfocus: when this field gets the focus
onblur: when this field loses the focus
onkeypress: script to run when a key is pressed
onkeyup: script for when a key goes up while the field has the focus
onkeydown: script for when a key goes down while the field has the focus
autocomplete = on | off
if the browser should use autocompletion for the field
<li ...>
list item		 type = disc | circle | square | 1 | a | a | i | i
type of bullet or numeral
value: where to continue counting
<link ...> rel: relationship to this page
rev: reverse relationship to this page
href: url of related document
title: suggested title
media = screen | print | projection | aural | braille | all | other media
what media type the link applies to
type: mime type of linked resource
<map ...> name: name of this map
<marquee ...> width: how wide the marquee is
height: how tall the marquee is
direction = left | right
which direction the marquee should scroll
behavior = scroll | slide | alternate
what type of scrolling
scrolldelay: how long to delay between each jump
scrollamount: how far to jump
loop = infinite | number of loops
how many times to loop
bgcolor: background color
hspace: horizontal space around the marquee
vspace: vertical space around the marquee
<meta ...> name = keywords | description | refresh | many others
the pupose of this meta tag
http-equiv: name of the pretend http header
content: metainformation content
<nobr>
no break		  
<noframes>  
<noscript>  
<ol ...>
ordered list		 type = 1 | a | a | i | i
type of numerals
start: where to start counting
<option ...>
for form		 value: what's the value if this option is chosen
selected: this option is selected by default
<p ...>
paragraph		 align = left | center | right | justify
alignment of text within the paragraph
clear = left | right | all | both
move past picture and other objects
<param ...>
parameter		 name: name of the parameter
value: value of the parameter
<pre>
preformatted text		  
<s>
strikeout		  
<script ...> type = "text/javascript" | "text/vbscript" | other scripting language
which scripting language to use
src: external source for script
defer: continue loading page while downloading script
language = javascript | livescript | vbscript | other
deprecated indicator of language
for: object for which this script is an event handler
event: the event this script handles
<select ...>
for form		 name: name of this form element
multiple: allow more than one choice
size: how many options to show
readonly: don't let the user change the value of this field
disabled: don't let the user do anything with this field
language = "javascript" | "javascript1.1" | "vbscript" | other language
scripting language to use
onchange: what to do when a new option is selected
tabindex: tab order
onfocus: script to run when this field gets the focus
onblur: script to run when this field loses the focus
<small>  
<sound ...>  
<spacer ...> type = horizontal | vertical | block
what type of space is this
align = left | right
align left or right
size: how tall or wide
width: how wide
height: how tall
<span ...>  
<strong>  
<style ...> type: style language
media: type of media this syle applies to
<sub>
subscript		  
<sup>
superscript		  
<table ...> border: size of border around the table
cellpadding: space between the edge of a cell and the contents
cellspacing: space between cells
width: width of the table as a whole
bgcolor: color of the background
background: picture to use as background
align = left | right
alignment of table to surrounding text
hspace: horizontal space between table and surrounding text
vspace: vertical space between table and surrounding text
height: height of the table as a whole
frame = void | box | border | above | below | lhs | rhs | hsides | vsides
parts of outside border that are visible
rules = none | all | cols | rows | groups
if there should be internal borders
bordercolor: color of border around the table
bordercolorlight: color of "light" part of border around the table
bordercolordark: color of "dark" part of border around the table
summary: summary of the purpose of the table
<td ...>
table data		 align = left | center | middle | right
horizontal alignment of cell contents
valign = top | middle | center | bottom | baseline
vertical alignment of cell contents
width: width of cell
height: height of cell
colspan: number of columns to cover
rowspan: number of rows to cover
nowrap: don't word wrap
bgcolor: color of the background
bordercolor: color of border around the table
bordercolordark: color of "dark" part of border around the table
bordercolorlight: color of "light" part of border around the table
background: picture to use as background
<textarea ...>
for form		 name: name of this form field
cols: how many characters wide
rows: how many rows
wrap = soft | hard | off
how to wrap the text
readonly: don't let the user change the contents of the field
disabled: don't let the user do anything with this field
tabindex: tab order
language = "javascript" | "javascript1.1" | "vbscript" | other language
scripting language
onchange: script to run when the user has changed the textarea
onkeypress: script to run when a key is pressed
<title>  
<tr ...>
table row		 align = left | center | right
horizontal alignment of cell contents
halign = left | center | right
valign = top | middle | bottom | baseline
vertical alignment of cell contents
bgcolor: background color
background: background image
bordercolor: color of border around each cell
bordercolorlight: color of "light" part of border around each cell
bordercolordark: color of "dark" part of border around each cell
<tt>
teletype		  
<u>
underline		  
<ul ...>
unordered list		 type = disc | circle | square
type of bullets
<xmp>  

© 2000-2010 Xentrik.Net