HTML Quick Review
HTML (QUICK REVIEW)
|
<!-- ••• -->
|
|
|
<!DOCTYPE ...>
|
|
|
<A ...>
Anchor
|
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
|
|
|
<ADDRESS>
|
|
|
<APP ...>
|
|
|
<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 ...>
|
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 ...>
Block Quote
|
|
|
<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 ...>
|
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 ...>
|
ALIGN = TOP | BOTTOM | LEFT | RIGHT
alignment of caption to table |
|
VALIGN = TOP | BOTTOM
if caption should be above or below table |
|
|
<CENTER ...>
|
|
|
<CITE>
Citation
|
|
|
<CODE>
|
|
|
<COL ...>
Column
|
SPAN: how many
columns this affects
|
|
ALIGN = LEFT | CENTER | RIGHT | JUSTIFY
horizontal alignment |
|
|
WIDTH: width of
the column
|
|
|
BGCOLOR:
background color of the column
|
|
|
<COLGROUP ...>
Column Group
|
SPAN: how many
columns this affects
|
|
ALIGN: alignment
of cell contents
|
|
|
WIDTH: Width of
the column group
|
|
|
<COMMENT>
|
|
|
<DD>
Definition Description
|
|
|
<DEL>
Deleted
|
|
|
<DFN>
Definition
|
|
|
<DIR ...>
Directory List
|
|
|
<DIV ...>
|
ALIGN = LEFT | CENTER | RIGHT | JUSTIFY
text alignment |
|
<DL ...>
Definition List
|
COMPACT: take up
less space
|
|
<DT>
Definition Term
|
|
|
<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
|
|
|
<FIELDSET>
|
|
|
<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>
|
|
|
<HTMLPLUS ...>
|
|
|
<HYPE>
|
|
|
<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 ...>
|
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 |
|
|
<INS>
Inserted<DEL>
|
|
|
<ISINDEX ...>
|
PROMPT: prompt
string to show before the text entry area
|
|
ACTION: the CGI to
call
|
|
|
<KBD>
Keyboard
|
|
|
<LABEL ...>
|
FOR: form element
for which this is a label
|
|
<LEGEND ...>
|
ALIGN = RIGHT | CENTER | LEFT
|
|
<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
|
|
|
<LISTING>
|
|
|
<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
|
|
|
<MENU ...>
|
|
|
<META ...>
|
NAME = KEYWORDS | DESCRIPTION | REFRESH | many others
The pupose of this META tag |
|
HTTP-EQUIV: Name
of the pretend HTTP header
|
|
|
CONTENT:
Metainformation content
|
|
|
<MULTICOL ...>
|
COLS: how many
columns
|
|
GUTTER: space
between columns
|
|
|
WIDTH: width of a
single column
|
|
|
<NOBR> No
Break
|
|
|
<NOEMBED>
|
|
|
<NOFRAMES>
|
|
|
<NOSCRIPT>
|
|
|
<OL ...>
Ordered List
|
TYPE = 1 | A | a | I | i
type of numerals |
|
START: where to
start counting
|
|
|
<OPTION ...>
|
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
|
|
|
<PLAINTEXT>
|
|
|
<PRE ...>
Preformatted Text
|
|
|
<S>
Strikeout
|
|
|
<SAMP>
Sample
|
|
|
<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 ...>
|
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 ...>
|
|
|
<STRIKE>
Strikeout<S>
|
|
|
<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
|
|
|
<TBODY ...>
Table Body Section
|
|
|
<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 ...>
|
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
|
|
|
<TFOOT ...>
Table Footer Section
|
|
|
<TH ...>
Table Header
|
|
|
<THEAD ...>
Table Header Section<TBODY ...>,
<TFOOT ...>
|
|
|
<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 |
|
<VAR>
Variable
|
|
|
<WBR>
|
|
|
<XMP>
|
|
Categories:
Tips and Tricks
0 comments:
Post a Comment