Quick Reference (Links dont work in some browsers)
tr> e 7 #
! e 9 4 | <a> |
p e : er @ <address> |
e < la : <area> |
e = b 4 <b> |
ll e ? : <base> |
e @ se @ <bgsound> |
s< e A s,
e B . 8 | <big> |
to e C al : <body> |
e D ar : <cite> |
e E 2 : <code> |
e F 6 <dd> |
e G 6> 6 <dl> |
e H 7
e I 8 | <dfn> |
e J < 8 <dir> |
td e K < 6 <dt> |
e L 6 <em> |
e M : <form> |
H H 5R D # so H H l UQQ e A d <S < hr UU gt /s H H <T S < hr H H ;b . . U < . e N >& : <head> |
e O >&
e P : | <html> |
e Q 6 <hr> |
e R 4 <i> |
hr e S &l 8 <img> |
hr e T &l < <input> |
=# e U t& @ <isindex> |
mp e V
e W < 8 | <kbd> |
e X 5 6 <li> |
e Y U 6 <lt> |
e Z 8 <map> |
< e [ @ <marquee> |
e \ < : <menu> |
e ]
e ^ < 6 | <ol> |
e _ > <option> |
e ` >< 4 <p> |
e a >< : <samp> |
e b >< > <select> |
e c < <small> |
e d
e e < > | <strong> |
e f >< 8 <sub> |
e h hr 8 <sup> |
Z e i =# < <table> |
e j rq 6 <td> |
e k >< B <textarea> |
e l
e m =# 6 | <th> |
e n =# < <title> |
` e o =# 6 <tr> |
e p =# 6 <tt> |
e q hr 4 <u> |
e r 6 <ul> |
e s d
e t e 8 | <var> |
<frame>
td e v h B <frameset> |
e w < B <noframes> |
e x >< 5 <h1> |
e y >< F <blockquote> |
e z >
e { hr > | <center> |
e | tl < <!--> |
=# H H <U S m < XX gt /s H H = W V hr H H l& . . X >< . e } < < <blink> |
e ~ >< < <embed> |
e ><
e >&
;< e
T d
@ ><
;n e
f=# `
F &g
/ d
G
e hr | Tag |
g>< e e& Description |
e >< Example |
hr e nt Output |
e Level
| e =#
e gt
sJ d
]
e
e = | <html> |
% [ Surrounds the entire HTML document. Browsers dont always require this.
. e B | <html> ... </html> |
e a> None |
< < e ta 1 |
p> e
e
e
v
e
art e ;n <
<!--> |
=# e &g O Inserts a comment into an HTML document. Not displayed. |
e sc A <!-- Steve Was Here --> |
e h> . |
e 1 |
e
e
e
ml
a e % | Header Elements |
h e mp
e
e
ro
e e en
re e = | <head> |
< e .. 9 Surrounds document header section. |
i e < B <head> ... </head> |
e None |
1
t_ H H =X V i =t H H l U[WW e d =Y t an [[ ay .< H H =Z Y t >< H H H . . [ . e Wa
e
e
=t
d e
e > | <title> |
% ` Specifies the document title. Typically displayed in the browser window title n E re
bar. |
e li D <title> ... </title> |
.. e >S None |
ion e 1 |
>< e ..
e >
e
i e
ali e @
<isindex> |
% b Specifies that the current document is a searchable index. The browser will use E @a mechanism of its choice to let the user start a search. |
e 3 <isindex> |
e None |
e n 1 |
e d
e ;t
e e
e
he e Ty = <base> |
e U Specifies the URL of the current document, for relative links. |
. e >S @ <base href=basename> |
=t e None |
e 1 |
e n
e
e
d
t e ;i
td % X | <body> |
@a e ch D Contains the body of the page. One per page. |
d e lt B <body> ... </body> |
e None |
p>1 e 1 |
e
e
e e=
g e # | Text Elements |
& e
e
e >S
s H H =[ Y i l H H l X^ZZ bas d =\ ^^ >N e< H H =] \ t >1 H H . .e ^ . e
y e : | <a> |
e lt < Begins text anchor or hypertext link. |
e V <a href=cheat.html>
Cheat
</a> |
e >< 5 Cheat |
e d 1 |
e
e
e9 >
e
g % Y | <p> S td>
s % [ | Begins a new paragraph. Contains a paragraph in HTML 3.0 (ie, you should E = include </p>). |
e 3 One<p>Two |
>1 e One Two |
e 1 |
e
y
e d
i eR &
; e >
% te \ | <center> |
t;< % a Centers text horizontally. This is a Netscape tag; see <p align=> |
e E <center>Test</center> |
= e , Test |
f= e NS |
/ e
e
ek =t
n e
e sh ; | <br> |
% d _ Inserts a line break. This may or may not be less space than inserted by the /td E !<p> tag. |
e One<br>Two
; e >
! One
Two |
e d 1 |
f= e r_
e
> e
a e
e t ; | <hr> |
ign e K Inserts a horizontal line across the browser window. |
er& e &g 4 One<hr>Two |
>< e r> ! One
Two |
H H =
^ \ / >
H H l [a]] d = _ aa mp b> H H = ` _ H H =t . . This m a be . e by 1 |
e /s
e
e =t
p e /s
e % =t P | <img> |
> % ] Inserts a graphic image or the alternate text if the browser cant show the p E graphic. |
e E <img src=badurl alt=Text> |
d e ' ![Text]() |
lt; e td 1 |
e
e
e / ) | Logical Text Styles |
e
e =
e
e mp
% S | <h1> |
n=t % a Header. Sizes range from 1 through 6 Use for headers, not just for big text.
% d V | <h1>Big</h1>
<h6>Small</h6> td>
e 1 | BigSmall |
n e
ow 1 |
e
hi
e
e mp
g e
ex
e
li C | <blockquote> |
p>1 e
U Block quote. Quoted text from some source. Usually indented. |
a %
V <blockquote>
Now is the time.
</blockquote> |
>
e
? Now is the time |
;h1 e
. 1 |
>< e
e
>H
e e om
u e
er
e
; | <em> |
h1& e
br B Emphasize text. Most browsers use italics. |
e
> <em>Hello</em> |
e
=t % Hello |
e
1 |
< d qu . e
.<
e
e
><
e
e
<strong>
>< e
A | Strong text emphasis. Typically boldface. |
e
n F <strong>Hello</strong> |
e
>< - Hello |
E e
st 1 |
>
e
e
lt
& e# ;<
/ e
>H e
= | <code> |
e
9 Code sample - uses monospaced font |
d e
B <code>Hello</code> |
e
) Hello |
e
1 |
e
! .
e
" >
e<
e
#
a n e
$ >
< | <kbd> |
gt e
% d> \ Keyboard key - for indicating that a user should press a specific key |
e
& @ <kbd>Hello</kbd> |
>
e
' >< ' Hello |
1
td e
)
e
*
t eU #
t e
+
/a e
,
= | <samp> |
t e
-
- Sample program output. |
p e
. B <samp>Hello</samp> |
e
/ ) Hello |
l e
0 1 |
li e
1
e
2
en
e
3
me= e
4 < | <var> |
/b e
5 ( Program variable. |
d e
6 ng @ <var>Hello</var> |
e
7 >< ' Hello |
/td e
8
' 1 |
d> e
9 /t
H H =d b H H l agcc # d =e p ag gg
H H =f e / Sampl g ut . e
e
: mp
t e /s
< e
;
n=t e
< mp < | <dfn> |
e
= >
" Definition. |
e
> @ <dfn>Hello</dfn> |
e
? mp ' Hello |
e
A 1 |
ia e
B
e
C =t
< e ll
a e
D
d e
E ll = | <cite> |
> e
H /t Citation. |
e
I B <cite>Hello</cite> |
e
J = ) Hello |
e
K 1 |
e
L
e
e
M
e
e
N
e e
O @ | <address> |
d e
P b> = Address - typically a mailing address. |
e
Q io H <address>Hello</address> |
df e
R / Hello |
1
=t e
T
e
U
e
e
V * | Physical Text Styles |
e
W
e
X &
c e mp
> e
Y /t
t e
Z : | <b> |
e
[ >
& Bold face text. |
e
\ /t < <b>Hello</b> |
e
^ # Hello |
e
_ 1 |
N e
` dr
e
a
O e
p e
b &g
e
c b> : | <i> |
H H =g e < mp H H l djff d =h a re jj
S H H =i h T H H
U . . Italicize the text.
e
e < <i>Hello</i> |
e
f
t # Hello |
p>< e
g t; 1 |
e
h d
e
i
e
j lt
s e
k : <u> |
e
l d * Underline the text. |
e
m
a < <u>Hello</u> |
n e
n # Hello |
amp e
o < 1 |
e
p
e
q
e-
e
r
h e
s re < | <big> |
e
t D Makes text big, relative to the current font. |
e
u
d @ <big>Hello</big> |
e
w >< ' Hello |
e
x
t 3 |
o< e
y
e
z =t
1 eF
e
{
e
| > | <small> |
e
} b> F Makes text small, relative to the current font. |
e
~ <small>Hello</small>
gt e
+ Hello |
u>< e
3 |
>1 e
e
q e_
e
ag> e
< | <sup> |
p> e
A Displays superscript (small, raised) text. |
f e
@ <sup>Hello</sup> |
/s e
' Hello |
3
=t e
e
z ex
e
_ta e
< | <sub> |
am e
@ Displays subscript (small, lowered) text. |
nt H H =j h i =t H H l gmii anu d =k < ma mm
H H = l k H H
. . @ <sub>Hello</sub> |
&g e
td ' Hello |
p>D e
t 3 |
f e
e
lt
p e gt
> e
e
>< ; | <tt> |
e
> ^ Use a typewriter-style monospaced font, typically Courier if available. |
e
> <tt>Hello</tt> |
e
% Hello |
s e
re 1 |
e
e
e
e
nu
e
ma > | <blink> |
e
a Makes text flash. Hated by all. See URL about:mozilla if using Netscape. |
e
mp E <blink>Yikes!</blink> |
e
ll , |
li e
NS |
e
p
e
>
e
= e
& | Definition Lists |
e
b>
e
e =t
a e
mo
%
bl T | <dl> |
ali %
tt i Begin a definition list. A definition list is a list of header/body pairs. The header E
Bis left-aligned, the body text is indented and word wrapped. |
%
li <dl>
<dt>Header
<dd>Body
<dt>Headed E
bo /r
<dd>Body
</dl> |
e
e
=t C Example |
e
e
=t 1 |
td e
e
/t
e
p
e
>
e
; | <dt> |
e
e
[ Definition term. Left-aligned text - doesnt need to be terminated. |
e
d 2 See <dl> |
e
a> 2 See <dl> |
H H = m k n io H H l jpll he d = n m t pp nd or H H = o n H H gn . .><dt& p lt . e
ea 1 |
r< e
br
e
e
i e
mp
e
; | <dd> |
%
_ Definition body. Indented text displayed below the definition term. Doesnt e
E
=t need to be terminated. |
b> e
2 See <dl> |
e
- 2 See <dl> |
e
li 1 |
;< e
e
=t
S e ;<
/ e
! | Other Lists |
e
e
p
l e"
e
e
; | <ul> |
%
d Begin an unordered list. An unordered list is just a list of items with bullets.
%
F | <ul>
<li>First
<li>Sec E
li 2ond
<li>Third
</ul> |
e
C Example |
e d e
oe 1 |
=t e
na
e
e; >S
p e
e
>S ; | <ol> |
ali %
d Begin an ordered list. An ordered list is a list of items, with a counter of some h E
st sort. |
%
>
F <ol>
<li>First
<li>Sec E
>< 2ond
<li>Third
</ol> |
e
b> C Example |
ere e
re 1 |
e e
e
eT
i e
l&
&l e
= | <menu> |
%
_ Begins an interactive menu. Most browsers display this the same as an unortd E
=t dered list. |
a %
H <menu>
<li>First
<li>Sec_t E
4ond
<li>Third
</menu> |
b> H H ="p n li H H l msoo tem d =#q st ss
H H =$r q & ;l H H
. . 2ond
E Example |
> e
re 1 |
d e
e
e
>
em
e
i
a n e
&l < | <dir> |
; %
\ Begins a directory. Most browsers display this the same as an unordered is E
or list. |
%
st G <dir>
<li>First
<li>Secli& E
&g 3ond
<li>Third
</dir> |
br> e
p> D Example |
e
1 |
em e
e
st
e
e
e
; | <li> |
. %
>
b List Item. This is an item in an ordered or unordered list. Doesnt need to be E
d terminated. |
e e
M See <ul> or <ol> |
> e
M See <ul> or <ol> |
e
d 1 |
to e
s
e
n
r e
r e
| Forms |
n=t e
t;
e
;l
t e
g e
;T
>< e
= | <form> |
a e
0 This tag contains a form. |
%
>
X <form [action=URL] [method=(post|get)]> ... </form>< E
samp> |
ali e
& E Example |
L e
a 2 |
or e
t
e
e
e
e
d
& e
p> > | <input> |
%
;< V This tag marks a text box, password box, check
s Vbox, radio button, submit or reset button on a form. E
h> *Type type field can be any of these. |
%
S <input name=name type=text value=default size=32 max H H =&s q |
e
li E Example |
e
2
e
e
e b>
i e am
e s A | <textarea> |
e bo P This tag marks a rectangular text input area on the form. |
% h> \ <textarea name=name [rows=1] [cols=1]> Default Text </texnp E e= tarea> |
e E Example |
e v 2 |
e
e
e
e
e ? | <select> |
-le % t; g Lets the user select an item from a list. The list items follow this tag prefaced by
%
; | <select name=name size=2 multi<option>Cheese
<option>Beans
</select> |
e Example
e np 2 |
e h>
e lt
x e
[r
[ e t
e ;< ? | <option> |
es. e Ex F This tag is an option on a <select> menu. |
e >
7 See <select>. |
e n E Example |
& e b> 2 |
e li
e t
i e& Th
i e ag | Tables |
e t;
e
e0 ><
t e
% br Z | <table> |
amp e! pl 1 This tag contains a table. |
i e" D <table> ... </table> |
Example
H H =*v t > s. H H l syuu on d =+w >
yy mp lt H H =,x w n H H hr . . mii y . e$ d 3 |
e% >
e&
eI
i
e' h
%( t; T | <tr> |
% e) =t P Table row. Each row of a table is contained in this tag. |
e* >< > <tr> ... </tr> |
e+ F Example |
e, 3 |
li e- mp
e. mp
/ eb
e/
%0 T | <td> |
e1 b Table data. The data in this tag will be contained in one cell on a table. |
e2 d = <td>Data</td> |
& e3 F Example |
e4 li 3 |
=o e5 io
e6 n
e{ sa
> e7 )
%8 w T | <th> |
>Table header. Generally like the <td> tag but centers the E: td text.
e; ? <th>Header</th> |
e< >< F Example |
e= ;t 3 |
e> ><
e?
e le
e@ , | Client Side Image Maps |
>
eA d
eB lt
& e
t eC 3
hr eD ab < <map> |
=t eE - Client side image map. |
%F <map name=map>
<area shape=rect coords=0,0,64,64 mp F io Mhref=_URL_>
</map>
<img usemap=map src=some.bmp>
n=t eG Ge D Example |
H H =.y w ; H H l v|xx td> d =/z < hr || mp >E H H =0{ z li H H . . | . eH 3 |
ls eI Im
eJ
A e
B eK
eL e= = | <area> |
> eM /b 1 Client side mage map area. |
t eN ge 3 See <map> |
amp eO & 3 See <map> |
eP = 3 |
eS
e ><
t eT Ge | Frames |
mp eU le
eV
e
eW
%X d> X | <frameset> |
H %Y . Z This tag replaces the <body> tag for EY pages using frames. |
%Z > <frameset rows=*,*>
<frame EZ L Rsrc=this.html>
<frame src=that.html>
</frameset> |
e[ =t 6 Example |
e\ >S NS |
< e]
e^ >S
< e sa
> e_ P
d %` Q Z | <frame> |
ea L Specifies the source for one of the cells in a frame. |
e= eb ? <frame src=this.html> |
tml ec 6 Example |
ed NS |
t ee g>
ef p>
; e
eg pa
eh d A | <noframes> |
%i .h c Browsers with frames hide this text; others show it. Used to tell users to get a ali Ei me better browser. |
ej >S U <noframes>
Ha ha ha
</noframes> |
el
> 6 Example |
em d NS |
= H H =2| z E
`o
d $ `% =t
t 2 `p e - | Microsoft-Specific Tags |
@ `q
N `r e=
r \ `/
j `s li
es& x `t /t @ | <marquee> |
de u s a This tag creates an animated piece of text sliding across your browser window.
mp `v br H | <marquee>Hello</marquee> |
li `w me 8 Example |
=t `x MS |
`y
`z
`H
`{ =3
`| td @ | <bgsound> |
`} P Loads up and plays a sound when the user enters the page. |
`~ C <bgsound src=start.wav> |
pec. ` None |
< ` MS |
J `
X ` s&
f `a
it ` & ( | Miscellaneous Tags |
` d
` s
l ` br
i V | <embed> |
`w ` =t B Embeds foreign content in an HTML document. |
/t X <embed src=cmx.cmx>
Only visible if you have the @ n .Corel CMX Plugin for Netscape installed. |
` mp * |
` NS |
` wh
` e.
d* ` ~
8 ` lt
rcF ` sa
ecT d H H =6 } H H l | ~~ d 5 Left d 6 ls Rightc d 7 Reference d D e=d S brd V d d Y hr iod \ em ;<d _ td sad b d e ig end h >
d k =t mpd
n
d z =t bed } a v f a Body . f b ~ Bulleted \t . f c CellBody . f d CellHeading . f e
n b Footnote . f f T Heading1 Body . f g T Heading2 Body . f h T HeadingRunIn Body . f i l y Indented . f j g Numbered .\t . f k E Numbered1 .\t Numbered . f l
f
TableFootnote . f m T
TableTitle T:Table : . f n P Title Body . f o T
TableTitle T:Table : . f p CellHeading . f q CellBody . f r CellFooting . f s Body . @ t
l Header . @ u
bl a Footer . Emphasis EquationVariablesell
Thin
Medium
Double
Thick @
Very Thin
o H p q r H p q r H p q r H p q r H p q r Format A
o H p q r H p q r H p q r H p q r H p q r Format B U e V U Comment AQA
d Black T! White d d A Red d d Green d d Blue d Cyan d Magenta d Yellow M.Times.P Times-Roman M.B Times Bold.P
Times-Bold M.B Helvetica Bold.P Helvetica-Bold Helvetica Times Regular Roman Bold
Regular Italic b_ĨG %%͖>.YIo97:wtB cպIB9݂eIe4t3^3ikku7y[S gq.HEB"Uv###}ɨkʹ~A씅Afgd筼 ?4
oCnG DDAR.`g ~l7
3c$:.| |tؙw@D]7,Dg%5>. sYq