0% found this document useful (0 votes)
79 views

HTML Quick Review

HTML (QUICK REVIEW) summarizes many common HTML elements and their attributes in a table-like format. It provides descriptions for elements such as <A>, <APPLET>, <AREA>, <BODY>, <BUTTON>, <CAPTION>, <CENTER>, <CODE>, <COL>, <EMBED>, <FONT>, <FORM>, <FRAME>, <HEAD>, <HR>, <HTML>, <IMG>, <INPUT>, <LABEL>, <LEGEND>, and <LI> among others. For each element, it lists associated attributes and their purposes.

Uploaded by

Anand Kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
79 views

HTML Quick Review

HTML (QUICK REVIEW) summarizes many common HTML elements and their attributes in a table-like format. It provides descriptions for elements such as <A>, <APPLET>, <AREA>, <BODY>, <BUTTON>, <CAPTION>, <CENTER>, <CODE>, <COL>, <EMBED>, <FONT>, <FORM>, <FRAME>, <HEAD>, <HR>, <HTML>, <IMG>, <INPUT>, <LABEL>, <LEGEND>, and <LI> among others. For each element, it lists associated attributes and their purposes.

Uploaded by

Anand Kumar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 10

HTML (QUICK REVIEW)

<!-- -->
<!DOCTYPE ...>
<A ...> Anchor HREF: URL you are linking to
NAME: name a section of the page
TARGET = "_blank" | "_paren" | "_!el"" | "_#p" | window
name
which window the document should go in
T$T%E: suggested title for the document to be opened
#nCl&'k: script to run when the user clicks on this anchor
#nM#(!eO)er: when the mouse is over the link
#nM#(!eO(: when the mouse is no longer over the link
ACCE**+EY
<ADDRE**>
<APP ...>
<APP%ET ...> CODE: the applet to run
CODE,A*E: path to the applet class
-$DTH: width of the applet
HE$GHT: height of the applet
A%$GN = %EFT | R$GHT | TOP | M$DD%E | ,OTTOM | ,A*E%$NE
alignment of applet to surrounding text
.*PACE: vertical space between applet and surrounding text
H*PACE: horiontal space between applet and surrounding text
,ORDER: empty space surrounding the applet
NAME: name of applet for reference by other applets
ARCH$.E: a compressed collection of applet components
MAY*CR$PT: !f "ava can use "ava#cript
<AREA ...> HREF: URL you are linking to
A%T: alternate text if the image isn$t displayed
*HAPE = RECT | C$RC%E | PO%Y | DEFA/%T
what shape is this area%
COORD*: coordinates for the link area shape
T$T%E: #hort description of the area
TARGET: what frame to go to
NOHREF: this area is not a link
#nCl&'k: script action when the user clicks this area
#nM#(!eO)er
#nM#(!eO(
<,> &old
<,A*E ...> &ase Address HREF: default address for hypertext links
TARGET = "_blank" | "_paren" | "_!el"" | "_#p" | frame
name
default window for linked documents
<,A*EFONT ...> *$0E
CO%OR
FACE
<,G*O/ND ...> *RC: URL of the sound
%OOP = $NF$N$TE | number of loops
how many times to play the sound
<,$G>
<,%$N+>
<,%OC+1/OTE ...> &lock 'uote
<,ODY ...> ,GCO%OR: background color of the page
,AC+GRO/ND: background picture for the page
TE2T: color of the text on the page
%$N+: color of links that haven$t been followed yet
.%$N+: color of links that have been followed
A%$N+: color of links while you are clicking on them
,GPROPERT$E* = F$2ED
if the background image should not scroll
TOPMARG$N: sie of top and bottom margins
%EFTMARG$N: sie of left and right margins
MARG$NHE$GHT: sie of top and bottom margins
MARG$N-$DTH: sie of left and right margins
#n%#a3: #cript to run once the page is fully loaded
#n/nl#a3
#nF#'(!
#n,l(r
*TY%E*RC: (# )ront*age extension
*CRO%% = YE* | NO
!f the document should have a scroll bar
<,R ...> Line &reak C%EAR = %EFT | R$GHT | A%% | ,OTH
go past a picture or other ob+ect
<,/TTON ...> TYPE = ,/TTON | */,M$T | RE*ET
what type of button is this
#nCl&'k: script to run when the user clicks here
NAME: name of this button element
.A%/E: the value sent with the form
D$*A,%ED: disable this button
ACCE**+EY: shortcut key for this button
TA,$NDE2: tab order
<CAPT$ON ...> A%$GN = TOP | ,OTTOM | %EFT | R$GHT
alignment of caption to table
.A%$GN = TOP | ,OTTOM
if caption should be above or below table
<CENTER ...>
<C$TE> ,itation
<CODE>
<CO% ...> ,olumn *PAN: how many columns this affects
A%$GN = %EFT | CENTER | R$GHT | 4/*T$FY
horiontal alignment
-$DTH: width of the column
,GCO%OR: background color of the column
<CO%GRO/P ...> ,olumn -roup *PAN: how many columns this affects
A%$GN: alignment of cell contents
-$DTH: .idth of the column group
<COMMENT>
<DD> /efinition /escription
<DE%> /eleted
<DFN> /efinition
<D$R ...> /irectory List
<D$. ...> A%$GN = %EFT | CENTER | R$GHT | 4/*T$FY
text alignment
<D% ...> /efinition List COMPACT: take up less space
<DT> /efinition 0erm
<EM> 1mphasis
<EM,ED ...> *RC: URL of resource to be embedded
-$DTH: width of area in which to show resource
HE$GHT: height of area in which to show resource
A%$GN = A,*,OTTOM | A,*M$DD%E | M$DD%E | TE2TTOP | R$GHT |
%EFT | ,A*E%$NE | CENTER | ,OTTOM | TOP
how text should flow around the picture
NAME: name of the embedded ob+ect
P%/G$N*PAGE: where to get the plugin software
P%/G$N/R%: where to get the "AR archive for automatic
installation
H$DDEN = FA%*E | TR/E
if the ob+ect is visible or not
HREF: make this ob+ect a link
TARGET: frame to link to
A/TO*TART = TR/E | FA%*E
if the sound2movie should start automatically
%OOP = TR/E | FA%*E | # of loops
how many times to play the sound2movie
P%AYCO/NT: how many times to play the sound2movie
.O%/ME: how loud to play the sound
CONTRO%* = .O%/ME%E.ER | *TOP,/TTON | PA/*E,/TTON |
P%AY,/TTON | *MA%%CON*O%E | CON*O%E
which sound control to display
CONTRO%%ER = TR/E | FA%*E
if controls should be displayed
MA*TER*O/ND: indicates the ob+ect in a sound group with the
sound to use
*TARTT$ME: how far into the sound to start and stop
ENDT$ME: when to finish playing
<F$E%D*ET>
<FONT ...> *$0E: sie of the font
CO%OR: color of the text
FACE: set the typestyle for text
PO$NT-*$0E
-E$GHT
<FORM ...> ACT$ON: URL of the ,-! program
METHOD = GET | PO*T
how to transfer the data to the ,-!
NAME: name of this form
ENCTYPE = "5(l&par6"#r5-3aa" | "appl&'a&#n67-
888-"#r5-(rlen'#3e3" | "e76pla&n"
what type of form this is
TARGET = "_blank" | "_paren" | "_!el"" | "_#p" | frame
name
what frames to put the results in
#n*(b5&: script to run before the form is submitted
#nRe!e: script to run before the form is reset
<FRAME ...> *RC: what file to put in the frame
NAME: the name of the frame
*CRO%%$NG = YE* | NO | A/TO
should the frame have a scrollbar%
NORE*$0E: don$t let the user make the frame bigger or smaller
FRAME,ORDER = YE* | 9 | NO | :
should this frame have a border%
,ORDERCO%OR: color of the surrounding border
MARG$N-$DTH: the internal left and right margins for the frame
MARG$NHE$GHT: the internal top and bottom margins for the frame
<FRAME*ET ...> CO%*: how many cols in the frameset
RO-*: how many rows in the frameset
FRAME,ORDER = YE* | 9 | NO | :
if the frames should have borders
FRAME*PAC$NG: space between the frames
,ORDER: space between frames
,ORDERCO%OR: color of frame borders
<H; ...> 3eaders<H9 ...>4
<H< ...>4 <H= ...>4
<H> ...>4
<H? ...>4
<H@ ...>
A%$GN = %EFT | R$GHT | CENTER | 4/*T$FY
alignment
<HEAD>
<HR ...> 3oriontal Rule NO*HADE: don$t use shadow effect
*$0E: height
-$DTH: horiontal width of the line
A%$GN = %EFT | R$GHT | CENTER
horiontal alignment of the line
CO%OR: color of the line
<HTM%>
<HTM%P%/* ...>
<HYPE>
<$> !talics
<$FRAME ...> !nline )rame *RC: URL of the document to go in the frame
HE$GHT: height of the inline frame
-$DTH: width of the inline frame
NAME: name of this inline frame
%ONGDE*C: URL of a long description of the contents of the frame
FRAME,ORDER = 9 | :
if the frame should have a border around it
MARG$N-$DTH: internal left2right margin for the frame
MARG$NHE$GHT: internal top2bottom margin for the frame
*CRO%%$NG = YE* | NO | A/TO
if the frame should have scroll bars
A%$GN = %EFT | R$GHT | TOP | TE2TTOP | M$DD%E | A,*M$DD%E |
CENTER | ,OTTOM | A,*,OTTOM | ,A*E%$NE
alignment of the frame ob+ect to text around it
.*PACE: space above and below the frame
H*PACE: space to the left and right of the frame
<$MG ...> !mage *RC: where to get the picture
A%T: text to show if you don$t show the picture
NAME
%ONGDE*C: URL of a long description of the image
-$DTH: how wide is the picture
HE$GHT: how tall is the picture
A%$GN = %EFT | R$GHT | TOP | TE2TTOP | M$DD%E | A,*M$DD%E |
,OTTOM | A,*,OTTOM | ,A*E%$NE
how text should flow around the picture
,ORDER: border around the picture
H*PACE: horiontal distance between the picture and the text
.*PACE: vertical distance between the picture and the text
$*MAP: is this a clickable map%
/*EMAP: name of the map definition
%O-*RC: a version of the picture that isn$t such a big file
NAT/RA%*$0EF%AG: meaningless
NO*A.E: meaningless
DYN*RC: play a movie file
CONTRO%*: show the buttons which control the movie
%OOP = $NF$N$TE | -9 | # of loops
how many times to loop the movie
*TART = F$%EOPEN | MO/*EO.ER
when to start playing the movie
#n%#a3: script to runs after the image is downloaded
*/PPRE** = TR/E | FA%*E
/on$t show icons of images that haven$t downloaded yet
<$NP/T ...> TYPE = TE2T | CHEC+,O2 | RAD$O | PA**-ORD | H$DDEN |
*/,M$T | RE*ET | ,/TTON | F$%E | $MAGE
what type of field
NAME: name of this form field
.A%/E: initial or only value of this field
*$0E: how wide the text field should be
MA2%ENGTH: maximum number of characters
CHEC+ED: check this checkbox or radio button
,ORDER: border around image
*RC: URL of image
A%T: text to show if you don$t show the picture
%O-*RC: a version of the picture that isn$t such a big file
-$DTH: width of image
HE$GHT: height of image
A%$GN = %EFT | R$GHT | TOP | TE2TTOP | M$DD%E | A,*M$DD%E |
CENTER | ,OTTOM | A,*,OTTOM | ,A*E%$NE
how text should flow around the picture
.*PACE: vertical distance between the picture and the text
H*PACE: horiontal distance between the picture and the text
READON%Y: the value of this field cannot be changed
D$*A,%ED: don$t let the user do anything with this field
ACCE**+EY
TA,$NDE2: tab order
%ANG/AGE = "4a)a*'r&p" | "4a)a*'r&p9.9" | "4*CR$PT"
| ".,*'r&p" | ".,*" | other language
scripting language to use
#nCl&'k: when the user clicks here
#nCAanBe: when this field is changed
#nF#'(!: when this field gets the focus
#n,l(r: when this field loses the focus
#n+eCPre!!: script to run when a key is pressed
#n+eC/p: script for when a key goes up while the field has the
focus
#n+eCD#8n: script for when a key goes down while the field has
the focus
A/TOCOMP%ETE = ON | OFF
!f the browser should use autocompletion for the field
<$N*> !nserted<DE%>
<$*$NDE2 ...> PROMPT: prompt string to show before the text entry area
ACT$ON: the ,-! to call
<+,D> 5eyboard
<%A,E% ...> FOR: form element for which this is a label
<%EGEND ...> A%$GN = R$GHT | CENTER | %EFT
<%$ ...> List !tem TYPE = D$*C | C$RC%E | *1/ARE | 9 | A | a | $ | &
type of bullet or numeral
.A%/E: where to continue counting
<%$N+ ...> RE%: relationship to this page
RE.: reverse relationship to this page
HREF: URL of related document
T$T%E: suggested title
MED$A = *CREEN | PR$NT | PRO4ECT$ON | A/RA% | ,RA$%%E |
A%% | other media
.hat media type the link applies to
TYPE: (!(1 type of linked resource
<%$*T$NG>
<MAP ...> NAME: name of this map
<MAR1/EE ...> -$DTH: how wide the mar6uee is
HE$GHT: how tall the mar6uee is
D$RECT$ON = %EFT | R$GHT
which direction the mar6uee should scroll
,EHA.$OR = *CRO%% | *%$DE | A%TERNATE
what type of scrolling
*CRO%%DE%AY: how long to delay between each +ump
*CRO%%AMO/NT: how far to +ump
%OOP = $NF$N$TE | number of loops
how many times to loop
,GCO%OR: background color
H*PACE: horiontal space around the mar6uee
.*PACE: vertical space around the mar6uee
<MEN/ ...>
<META ...> NAME = +EY-ORD* | DE*CR$PT$ON | REFRE*H | many others
0he pupose of this (10A tag
HTTP-E1/$.: 7ame of the pretend 300* header
CONTENT: (etainformation content
<M/%T$CO% ...> CO%*: how many columns
G/TTER: space between columns
-$DTH: width of a single column
<NO,R> 7o &reak
<NOEM,ED>
<NOFRAME*>
<NO*CR$PT>
<O% ...> 8rdered List TYPE = 9 | A | a | $ | &
type of numerals
*TART: where to start counting
<OPT$ON ...> .A%/E: what$s the value if this option is chosen
*E%ECTED: this option is selected by default
<P ...> *aragraph A%$GN = %EFT | CENTER | R$GHT | 4/*T$FY
alignment of text within the paragraph
C%EAR = %EFT | R$GHT | A%% | ,OTH
move past picture and other ob+ects
<PARAM ...> *arameter NAME: name of the parameter
.A%/E: value of the parameter
<P%A$NTE2T>
<PRE ...> *reformatted 0ext
<*> #trikeout
<*AMP> #ample
<*CR$PT ...> TYPE = "e76Da)a!'r&p" | "e76)b!'r&p" | other
scripting language
.hich scripting language to use
*RC: 1xternal source for script
DEFER: ,ontinue loading page while downloading script
%ANG/AGE = 4A.A*CR$PT | %$.E*CR$PT | .,*CR$PT | other
/eprecated indicator of language
FOR: ob+ect for which this script is an event handler
E.ENT: the event this script handles
<*E%ECT ...> NAME: name of this form element
M/%T$P%E: allow more than one choice
*$0E: how many options to show
READON%Y: don$t let the user change the value of this field
D$*A,%ED: don$t let the user do anything with this field
%ANG/AGE = "4a)a*'r&p" | "4a)a*'r&p9.9" |
".,*'r&p" | other language
scripting language to use
#nCAanBe: what to do when a new option is selected
TA,$NDE2: tab order
#nF#'(!: script to run when this field gets the focus
#n,l(r: script to run when this field loses the focus
<*MA%%>
<*O/ND ...>
<*PACER ...> TYPE = HOR$0ONTA% | .ERT$CA% | ,%OC+
what type of space is this
A%$GN = %EFT | R$GHT
align left or right
*$0E: how tall or wide
-$DTH: how wide
HE$GHT: how tall
<*PAN ...>
<*TR$+E> #trikeout<*>
<*TRONG>
<*TY%E ...> TYPE: style language
MED$A: type of media this syle applies to
<*/,> #ubscript
<*/P> #uperscript
<TA,%E ...> ,ORDER: sie of border around the table
CE%%PADD$NG: space between the edge of a cell and the contents
CE%%*PAC$NG: space between cells
-$DTH: width of the table as a whole
,GCO%OR: color of the background
,AC+GRO/ND: picture to use as background
A%$GN = %EFT | R$GHT
alignment of table to surrounding text
H*PACE: horiontal space between table and surrounding text
.*PACE: vertical space between table and surrounding text
HE$GHT: height of the table as a whole
FRAME = .O$D | ,O2 | ,ORDER | A,O.E | ,E%O- | %H* | RH* |
H*$DE* | .*$DE*
parts of outside border that are visible
R/%E* = NONE | A%% | CO%* | RO-* | GRO/P*
if there should be internal borders
,ORDERCO%OR: color of border around the table
,ORDERCO%OR%$GHT: color of 9light9 part of border around the
table
,ORDERCO%ORDAR+: color of 9dark9 part of border around the table
*/MMARY: #ummary of the purpose of the table
<T,ODY ...> 0able &ody #ection
<TD ...> 0able /ata A%$GN = %EFT | CENTER | M$DD%E | R$GHT
horiontal alignment of cell contents
.A%$GN = TOP | M$DD%E | CENTER | ,OTTOM | ,A*E%$NE
vertical alignment of cell contents
-$DTH: width of cell
HE$GHT: height of cell
CO%*PAN: number of columns to cover
RO-*PAN: number of rows to cover
NO-RAP: don$t word wrap
,GCO%OR: color of the background
,ORDERCO%OR: color of border around the table
,ORDERCO%ORDAR+: color of 9dark9 part of border around the table
,ORDERCO%OR%$GHT: color of 9light9 part of border around the
table
,AC+GRO/ND: picture to use as background
<TE2TAREA ...> NAME: name of this form field
CO%*: how many characters wide
RO-*: how many rows
-RAP = *OFT | HARD | OFF
how to wrap the text
READON%Y: don$t let the user change the contents of the field
D$*A,%ED: don$t let the user do anything with this field
TA,$NDE2: tab order
%ANG/AGE = "4a)a*'r&p" | "4a)a*'r&p9.9" |
".,*'r&p" | other language
scripting language
#nCAanBe: #cript to run when the user has changed the textarea
#n+eCPre!!: script to run when a key is pressed
<TFOOT ...> 0able )ooter #ection
<TH ...> 0able 3eader
<THEAD ...> 0able 3eader
#ection<T,ODY ...>4 <TFOOT ...>

<T$T%E>
<TR ...> 0able Row A%$GN = %EFT | CENTER | R$GHT
horiontal alignment of cell contents
HA%$GN = %EFT | CENTER | R$GHT
.A%$GN = TOP | M$DD%E | ,OTTOM | ,A*E%$NE
vertical alignment of cell contents
,GCO%OR: background color
,AC+GRO/ND: background image
,ORDERCO%OR: color of border around each cell
,ORDERCO%OR%$GHT: color of 9light9 part of border around each
cell
,ORDERCO%ORDAR+: color of 9dark9 part of border around each cell
<TT> 0eletype
</> Underline
</% ...> Unordered List TYPE = D$*C | C$RC%E | *1/ARE
type of bullets
<.AR> :ariable
<-,R>
<2MP>

You might also like