Sie sind auf Seite 1von 127

<FORM></FORM>

CODE
<FORM method="post" action="_URL_" onreset="alert('The form is reset')">
<TABLE>
<TR><TD>Name </TD><TD><INPUT type="text" name="name"></TD></TR>
<TR><TD>E-mail</TD><TD><INPUT type="text" name="email"></TD></TR>
<TR><TD colspan="2">Where are you from?
<SELECT name="findout">
<OPTION>Australia
<OPTION>USA
<OPTION>Japan
</SELECT></TD></TR>
<TR><TD colspan="2" align="center"><INPUT type="submit" value="Send values">
<INPUT type="reset" value="Reset form"></TD>
</TR>
</TABLE>
</FORM>

In Use Example

Name
E-mail
Australia
Where are you from?
Send values Reset form

<H1></H1>

Code.
<H1 align="center">Level 1 header</H1>
<H2 align="left">Level 2 header</H2>
<H3 align="right">Level 3 header</H3>
<H4>Level 4 header</H4>
<H5>Level 5 header</H5>
<H6>Level 6 header</H6>

In Use Example

Level 1 header
Level 2 header
Level 3 header

Level 4 header

Level 5 header

Level 6 header

<HR>

Code.
<HR size="2">
<HR width="50%" align="left">
<HR color="#0000ff" noshade size="5">

In Use Example.

<i><i> Italic Text

Code:
Change all or part <i>of you text to Italic</i> This is so Easy.

In Use Example.
Change all or part of your text to Italic. This is so easy.

<IMG> Inserting an Image.

Code. <img src="http://www.hypergurl.com/images/horse.jpg" width="100" height="100"


border="0" alt="Horse">

In Use Example

<LEGEND></LEGEND>
Code.
Place your order :<BR>
<FORM>
<TABLE>
<TR valign="top"><TD colspan="2">
<FIELDSET><LEGEND>Address information</LEGEND>
Name <INPUT type="text" name="name"><BR>
Address <INPUT type="text" name="address"><BR>
City <INPUT type="text" name="city"><BR>
Country <INPUT type="text" name="country">
</FIELDSET>
</TD>
<TD>
<FIELDSET><LEGEND>What do you want today?</LEGEND>
<INPUT type="checkbox" name="Pizza">Pizza<BR>
<INPUT type="checkbox" name="Hamburger">Hamburger<BR>
<INPUT type="checkbox" name="Sandwich">Sandwich<BR>
<INPUT type="checkbox" name="Hot dog">Hot dog
<P>
Amount <INPUT type="text" name="amount">
</FIELDSET>
</TD></TR>
</TABLE>
</FORM>

In Use Example.
Place your order :

Address informationName What do you want today? Pizza


Address Hamburger
City Sandwich
Country Hot dog

Amount

<LI>
Code. Here's a simple list :
<MENU>
<LI type="circle">The first item in the list.
<LI type="square">The second item.
<LI type="disc">And the last item.
</MENU>
In Use Example.
Here's a simple list :

 The first item in the list.


 The second item.
 And the last item.

<MARQUEE></MARQUEE>
Code.
<div align="center"><FONT color="#ffffff" size="+1">
<MARQUEE bgcolor="#000080" direction="right" loop="20" width="75%">
<STRONG>This is cool!</STRONG></MARQUEE></FONT></DIV>

In Use Example.

<OPTION>
Code.

<FORM>
What beer would you like today Sir?:
<SELECT>
<OPTION selected value="Fosters" >Fosters
<OPTION value="XXXX">XXXX
<OPTION value="Red Dog">Red Dog
</SELECT>
</FORM>

In Use Example. 

Fosters

What beer would you like today Sir? :

<S></S>
Code.
This is the new craze where <s>you can strike out</s> text *smiles*
In Use Example.
This is the new craze where you can strike out text *smiles*

<SELECT>
Code.
<FORM>
What do you want on your pizza :
<SELECT>
<OPTION value="pepper">Extra peppers
<OPTION value="cheese" selected>Extra cheese
<OPTION value="pepper;cheese">Extra peppers & extra cheese
</SELECT>
</FORM>
In Use Example.

Extra cheese

What do you want on your hamburger :

<STRONG></STRONG>
Code.
This tag gives <strong>your text </strong>a strong look.
In Use Example.
This tag gives your text a strong look.

<SPAN></SPAN>
Code.
<span style="background-color: #FFFF00"> we will highlight this text.</span>
In Use Example.
We will highlight this text.

<SUB>
Code.
The <SUB> element lets you specify elements as
B<SUB>2</SUB>H<SUB>1</SUB>T<SUB>3</SUB>.
In Use Example. The <SUB> element lets you specify elements as B2H1T3.

<SUP>
Code. This <SUP> tag lets you specify a trademark <SUP>(TM)</SUP> correctly.
In Use Example.
This tag lets you specify a trademark (TM) correctly.

<TABLE></TABLE>
Code
<TABLE border="5" width="50%" align="right" background="#FFFFFF">
<TR>
<TD><SPAN style="color: #000">Your Text Here.</SPAN></TD>
<TD><SPAN style="color: #000">Your Text Here.</SPAN></TD>
</TR>
</TABLE>
In Use Example.

Your Text Here. Your Text Here.

<UL> 
Code.
Nested unordered lists with assigned types :
<UL type="square">
<LI>The first of the list.
<LI>The second of the list.
<UL type="disc">
<LI>The first of the nested list.
<LI>The second of the nested list.
</UL>
</UL>

In Use Example.
Nested unordered lists with assigned types :

 The first of the list.


 The second of the list.
 The first of the nested list.
 The second of the nested list.

Tag Name Code Example Browser View

<!- co <!--This can Nothin


- m be viewed in g will
m the HTML show
en part of a
t document--> (Tip)
<a
href="http:/ Visit
an
<a /www.domain Our
ch
- .com/"> Site
or
Visit Our (Tip)
Site</a>
<b bo <b>Example Examp
> ld </b> le
bi
<b Exam
g <big>Examp
ig ple
(te le</big>
> (Tip)
xt)
bo
dy
of Conten
<body>The
HT ts of
<b content of
ML your
od your HTML
do web
y> page</body
cu page
>
m (Tip)
en
t
<b lin The contents The
r> e of your content
br page<br>Th s of
ea e contents of your
web
page
The
content
k your page
s of
your
web
page
<center>Thi
<c
ce s will center
ent
nt your This will center your

er
contents

er contents</c
>
enter>
<d de <dl> Definiti
d> fin <dt>Definitio on
iti n Term</dt> Term
on <dd>Definit Defi
de ion of the nitio
scr term</dd> n of
ipt <dt>Definitio the
io n Term</dt> term
n <dd>Definit
Definiti
ion of the
on
term</dd>
Term
</dl>
Defi
nitio
n of
the
term
<d de <dl> Definiti
l> fin <dt>Definitio on
iti n Term</dt> Term
on <dd>Definiti Defin
lis on of the ition
t term</dd> of
<dt>Definitio the
n Term</dt> term
<dd>Definiti
Definiti
on of the
on
term</dd>
Term
</dl>
Defin
ition
of
the
term
<d de <dl> Definit
t> fin <dt>Definiti ion
iti on Term
on Term</dt> Defin
ter <dd>Definiti ition
m on of the of
term</dd> the
<dt>Definiti term
on
Definit
ion
Term</dt>
Term
<dd>Definiti
Defin
on of the
ition
term</dd>
of
</dl>
the
term
<e e This is an This is
m m <em>Examp an
> ph le</em> of Exampl
asi using e of
s the emphasis using
tag the em
phasis
tag
e <embed
m src="yourfile.
<e
be mid"
mb
d width="100%
ed (Tip)
ob " height="60"
>
jec align="center
t ">
<e e <embed
mb m src="yourfile.
ed be mid" Music
> d autostart="tr will
ob ue" begin
jec hidden="false playing
t " when
loop="false"> your
<noembed> page is
<bgsound loaded
src="yourfile. and
mid" will
loop="1"></ only
noembed> play
one
time. A
control
panel
will be
display
ed to
enable
your
visitors
to stop
the
music.
<font
face="Times
<f
fo New Example
ont
nt Roman">Exa (Tip)
>
mple</font
>
<font
face="Times
<f
fo New Roman" Example
ont
nt size="4">Exa (Tip)
>
mple</font
>
<font
face="Times
<f New Roman"
fo Example
ont size="+3"
nt (Tip)
> color="#ff00
00">Example
</font>
<f for <form Name:
or m action="mailt (Tip
m o:you@yourd )
> omain.com"> Email:
Name: Submit Query

<input
name="Name
" value=""
size="10"><
br>
Email: <input
name="Email
" value=""
size="10"><
br>
<center><in
put
type="submit
"></center>
</form>
<h he <h1>Headin
1> adi g 1
<h ng Example</h
2> 1 1>
<h he <h2>Headin
3> adi g 2
<h ng Example</h
4> 2 2>
<h he <h3>Headin
5> adi g 3
<h ng Example</h
6> 3 3>
he <h4>Headin
adi g 4
ng Example</h
4 4>
he <h5>Headin
adi g 5
ng Example</h
5 5>
he <h6>Headin
adi g 6
ng Example</h
6 6>
he
adi
ng
<head>Cont
of
ains elements
<h HT Nothin
describing
ea ML g will
the
d> do show
document</
cu
head>
m
en
t
<h ho <hr />
r> riz Conten
ts of
your
web
page
on
(Tip)
tal
rul
Conten
e
ts of
your
web
page
<h ho <hr Conten
r> riz width="50%" ts of
on size="3" /> your
web
page
tal
Conten
rul
ts of
e
your
web
page
<h ho <hr Conten
r> riz width="50%" ts of
on size="3" your
tal noshade /> web
rul page
e
Conten
ts of
your
web
page
<h ho <hr Conten
r> riz width="75%" ts of
(In on color="#ff00 your
ter tal 00" web
net rul size="4" /> page
e
Ex Conten
plo ts of
rer your
web
)
page
Conten
<h
ts of
r>
your
(In ho
<hr web
ter riz
width="25%" page
net on
color="#669
tal
9ff" Conten
Ex rul
size="6" /> ts of
plo e
your
rer
web
)
page
<h hy <html> Conten
pe <head>
rte <meta>
xt <title>Title
m of your web
ts of
ar page</title>
tml your
ku </head>
> web
p <body>HTM
page
la L web page
ng contents
ua </body>
ge </html>
<i ita <i>Example Exampl
> lic </i> e
<i im <img (Tip)
src="Earth.gi
f" width="41"
height="41"
mg ag border="0"
> e alt="text
describing
the
image" />
<i in Example 1: Exampl
np pu e 1:
ut t <form (Tip)
> fie method=post
ld action="/cgi-
Submit

bin/example.
cgi">
<input
type="text"
size="10"
maxlength="
30">
<input
type="Submi
t"
value="Subm
it">
</form>
<i in Example 2: Exampl
np pu e 2:
ut t <form (Tip)
> fie method=post
(In ld action="/cgi-
Submit

ter bin/example.
net cgi">
Ex <input
plo type="text"
rer style="color:
) #ffffff; font-
family:
Verdana;
font-weight:
bold; font-
size: 12px;
background-
color:
#72a4d2;"
size="10"
maxlength="
30">
<input
type="Submi
t"
value="Subm
it">
</form>
<i in Example 3: Exampl
np pu e 3:
ut t <form (Tip)
> fie method=post
ld action="/cgi-
bin/example.
cgi">
<table
border="0"
cellspacing="
0"
cellpadding="
2"><tr><td
bgcolor="#8
463ff"><inpu
t type="text"
size="10"
maxlength="
30"></td><t
d
bgcolor="#8
463ff"
valign="Middl
e"> <input
type="image"
name="subm
it"
src="yourima
ge.gif"></td
></tr>
</table>
</form>
<i in Example 4: Exampl
np pu e 4:
ut t <form (Tip)
> fie method=post
ld action="/cgi-
bin/example. Submit Clear

cgi">
Enter Your
Comments:<
br>
<textarea
wrap="virtual
"
name="Com
ments"
rows=3
cols=20
maxlength=1
00></textare
a><br>
<input
type="Submi
t"
value="Subm
it">
<input
type="Reset"
value="Clear
">
</form>
<i in Example 5:
Example 5: Tip)

Select an option:

np pu
option 2

Submit

ut t <form
> fie method=post
ld action="/cgi-
bin/example.
cgi">
<center>
Select an
option:
<select>
<option
>option
1</option>
<option
selected>opti
on
2</option>
<option>opti
on
3</option>
<option>opti
on
4</option>
<option>opti
on
5</option>
<option>opti
on
6</option>
</select><br
>
<input
type="Submi
t"
value="Subm
it"></center
>
</form>
<i in Example 6: Exampl
np pu e 6:
ut t <form (Tip)
> fie method=post
ld action="/cgi- Select
bin/example. an
cgi"> option:
Select an Optio
option:<br> n1
<input Optio
type="radio" n2
name="optio Optio
n"> Option 1 n3
<input
type="radio" Select
name="optio an
n" checked> option:
Option 2 Select
<input ion 1
type="radio" Select
name="optio ion 2
n"> Option 3 Select
<br> ion 3
<br>
Submit

Select an
option:<br>
<input
type="checkb
ox"
name="select
ion">
Selection 1
<input
type="checkb
ox"
name="select
ion"
checked>
Selection 2
<input
type="checkb
ox"
name="select
ion">
Selection 3
<input
type="Submi
t"
value="Subm
it">
</form>
<li lis Example 1: Exampl
> t e 1:
ite <menu> (Tip)
m <li
type="disc">  List
List item item
1</li> 1
<li o Lis
type="circle" t
>List item item
2</li> 2
<li  List
type="square item
">List item 3
3</li> Example 2:

</MENU> i. List
item
Example 2: 1
<ol
type="i"> ii. List
<li>List item item
1</li> 2
iii. List
<li>List item
item
2</li> 3
<li>List itemiv. List
3</li> item
<li>List item 4
4</li>
</ol>
<li lin <head>
nk k <link
rel="styleshe
et"
type="text/cs
> s"
href="style.c
ss" />
</head>
< scr <marquee
ma olli bgcolor="#cc (Ti
rq ng cccc" loop="- p)
ue te 1"
e> xt scrollamount
(In ="2"
ter width="100%
net

">Example
Ex
Marquee</m
plo
arquee>
rer
)
< m <menu>  List
me en <li item
nu u type="disc"> 1
> List item o Lis
1</li> t
<li item
2
type="circle"
>List item  List
2</li>
<li
type="square item
">List item 3
3</li>
</menu>
< m <meta Nothin
me et name="Descr g will
ta a iption" show
> content="Des (Tip)
cription of
your site">
<meta
name="keyw
ords"
content="key
words
describing
your site">
<meta
HTTP-
< EQUIV="Refr Nothin
m
me esh" g will
et
ta CONTENT="4 show
a
> ;URL=http:// (Tip)
www.yourdo
main.com/">
< m <meta http- Nothin
equiv="Prag
me g will
et ma"
ta show
a content="no-
> (Tip)
cache">
<meta
< Nothin
m name="ratin
me g will
et g"
ta show
a content="Ge
> (Tip)
neral">
< m <meta Nothin
me et name="robot g will
ta a s" show
> content="all" (Tip)
>
<meta
< name="robot Nothin
m
me s" g will
et
ta content="noi show
a
> ndex,follow" (Tip)
>
<o or Numbered Numb
l> de ered
re <ol> 1. Lis
d <li>List item t
lis 1</li> item
t <li>List item 1
2</li> 2. Lis
<li>List item t
3</li> item
<li>List item 2
3. Lis
4</li>
t
</ol> item
3
Numbered 4. Lis
Special t
Start item
4
Numbered Special

<ol Start

start="5"> 5. Lis
<li>List item t
item
1</li>
1
<li>List item 6. Lis
2</li> t
<li>List item item
2
3</li>
7. Lis
<li>List item t
4</li> item
</ol> 3
8. Lis
Lowercase t
Letters item
<ol type="a">
4
<li>List item 1</li> Lowercase Letters
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol> a. Lis
Capital Letters
t
<ol type="A">
<li>List item 1</li>
<li>List item 2</li> item
<li>List item 3</li>
1
<li>List item 4</li>
</ol>

b. Lis
Capital Letters Special Start

<ol type="A" start="3">


<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
t
<li>List item 4</li>
</ol> item
Lowercase Roman Numerals
2
<ol type="i">
<li>List item 1</li>
<li>List item 2</li> c. Lis
t
<li>List item 3</li>
<li>List item 4</li>
</ol>

Capital Roman Numerals item


<ol type="I">
<li>List item 1</li>
<li>List item 2</li>
3
<li>List item 3</li>
<li>List item 4</li>
</ol>
d. Lis
Capital Roman Numerals Special Start t
<ol type="I" start="7">
<li>List item 1</li>
item
4
<li>List item 2</li>
<li>List item 3</li>
<li>List item 4</li>
</ol>
Capital Letters

A. Lis
t
item
1
B. Lis
t
item
2
C. Lis
t
item
3
D. Lis
t
item
4
Capital Letters Special
Start
C. Lis
t
item
1
D. Lis
t
item
2
E. Lis
t
item
3
F. Lis
t
item
4
Lowercase Roman
Numerals

i. List
item
1
ii. List
item
2
iii. List
item
3
iv. List
item
4
Capital Roman
Numerals
I. List
item
1
II. List
item
2
III. List
item
3
IV. List
item
4
Capital Roman
Numerals Special Start

VII. List
item
1
VIII. List
item
2
IX. List
item
3
X. List
item
4
<o lis <form Select
pti tb method=post an
on ox action="/cgi- option:
> op bin/example. (Tip)
tio cgi">
option 2
n <center>
Select an
option:
<select>
<option>opt
ion
1</option>
<option
selected>op
tion
2</option>
<option>opt
ion
3</option>
<option>opt
ion
4</option>
<option>opt
ion
5</option>
<option>opt
ion
6</option>
</select><br
>
</center>
</form>
<p pa This is an
This is an example
displaying the use of the
> ra example
paragraph tag.

This will create a line


break and a space

gr displaying the between lines.

Attributes:

ap use of the Example 1:

h paragraph
This is an example
displaying the use
of the paragraph tag.

tag. <p> This Example 2:

This is an example
will create a displaying the use
of the paragraph tag.

line break Example 3:

This is an example

and a space displaying the use


of the paragraph tag.

between
lines.

Attributes:

Example
1:<br>
<br>
<p
align="left"
>
This is an
example<br>
displaying the
use<br>
of the
paragraph
tag.<br>
<br>
Example
2:<br>
<br>
<p
align="right
">
This is an
example<br>
displaying the
use<br>
of the
paragraph
tag.<br>
<br>
Example
3:<br>
<br>
<p
align="cent
er">
This is an
example<br>
displaying the
use<br>
of the
paragraph
tag.
<s sm <small>Exa Example
ma all mple</smal (Tip)
(te
ll> l>
xt)
del
<s
et <strike>Exa
tri Exampl
ed mple</strik
ke e
te e>
>
xt
<s str <strong>Ex Examp
tro on ample</stro le
ng g ng>
> e
m
ph
asi
s
Example 1: Exampl
e 1:
<table (Tip)
border="4"
Col Col
cellpadding="
um um
<t 2"
ta n1 n2
abl cellspacing="
ble
e>
Example 2: (Tip)
2"
width="100% Col Col
"> um um
<tr> n 1 n2
<td>Column Example 3: (Tip)

1</td> Col Col


<td>Column um um
2</td> n1n2
</tr> Ro Ro
</table> w 2w 2

Example 2:
(Internet
Explorer)

<table
border="2"
bordercolor=
"#336699"
cellpadding="
2"
cellspacing="
2"
width="100%
">
<tr>
<td>Column
1</td>
<td>Column
2</td>
</tr>
</table>

Example 3:
<table
cellpadding
="2"
cellspacing="
2"
width="100%
">
<tr>
<td
bgcolor="#cc
cccc">Colum
n 1</td>
<td
bgcolor="#cc
cccc">Colum
n 2</td>
</tr>
<tr>
<td>Row
2</td>
<td>Row
2</td>
</tr>
</table>
<t ta <table
d> ble border="2" Col Col
da cellpadding="
2"
cellspacing="
2"
width="100%
">
<tr> um um
ta
<td>Colum n 1 n 2
n 1</td>
<td>Colum
n 2</td>
</tr>
</table>
<t ta <div C C C
h> ble align="center ol ol ol
he "> u u u
ad <table> mmm
er <tr> n n n
<th>Colum 1 2 3
n 1</th> R R R
<th>Colum o o o
n 2</th> w w w
<th>Colum 2 2 2
n 3</th> R R R
</tr> o o o
<tr> w w w
<td>Row 3 3 3
2</td>
R R R
<td>Row
o o o
2</td> w w w
<td>Row 4 4 4
2</td>
</tr>
<tr>
<td>Row
3</td>
<td>Row
3</td>
<td>Row
3</td>
</tr>
<tr>
<td>Row
4</td>
<td>Row
4</td>
<td>Row
4</td>
</tr>
</table>
</div>
<ti do <title>Title Title of
tle cu of your your
> m HTML web
en page</title page
t > will be
titl viewabl
e in the
title
e
bar.
(Tip)
<tr ta <table Col Col
> ble border="2" um um
ro cellpadding=" n 1 n 2
w 2"
cellspacing="
2"
width="100%
">
<tr>
<td>Column
1</td>
<td>Column
2</td>
</tr>
</table>
tel
<tt et <tt>Example Example

> yp </tt>
e
un
<u de <u>Example Exampl
> rli </u> e
ne
<u un Example Exampl
l> or 1:<br> e 1:
de <br>
re <ul>  List
item
d <li>List item
1
lis 1</li>  List
t <li>List item item
2</li> 2
</ul> Example 2:

<br>  List
Example item
2:<br> 1
<ul  List
type="disc" item
>
<li>List item
1</li> 2
<li>List item o L
2</li> ist
<ul ite
m
type="circle
3
"> o L
<li>List item ist
3</li> ite
<li>List item m
4</li> 4
</ul>
</ul>
HTML Tags to help you create your own website design

Below are the most common used html tags used in website design and a short description of the
function of each. Some have examples of how they are used with their html codes. Website HTML
tags are arranged in alphabetical order.

 <A></A> This element is what the hyperlinked structure of the World Wide Web is based on. It is used in
two ways:
1. Create a hyperlink to another anchor (Link to another page or website)
2. Create an anchor in a document See working example. or see anchor tutorial

 <ABBR></ABBR> Identifies that the content is an abbreviated form of some kind.

 <ACRONYM></ACRONYM> Identifies that some text is an acronym.

 <ADDRESS></ADDRESS> Specifies information such as authorship and contact details for the current
document. Browsers should render the content with paragraph-breaks before and after.
See working example

 <APPLET></APPLET> Embed a Java applet into your website document.

 <AREA></AREA> Used to implement a client-side image map.

 <AUDIOSCOPE> This element displays the audioscope, the graphical display of the amplitude of the
current sound over time.

 <B></B> Change your website text to bold. See working example.


<bold></bold> or <strong></strong> can also be used.

 <BASE> Supply a base address that must be used for resolving relative URI's to absolute URI's.

 <BASEFONT> Change the appearance of the default font that is used to draw the text.

 <BDO></BDO> This element overrides the bidirectional algorithm, the default algorithm to resolve the
direction to show the text.

 <BGSOUND> Play a background sound when your webpage is opened. This element must be placed in the
HEAD section of the document
.
 <BIG></BIG> Increase the current size of the font by 1. The maximum size is 7.

 <BLACKFACE></BLACKFACE> This element will render the text in a double-weight boldface font.

 <BLINK></BLINK> Changes the text to blinking. Drives people insane. *smiles*

 <BLOCKQUOTE></BLOCKQUOTE> This is used to enclose larger quotations from other works in the page.
See working example.

 <BODY></BODY> This element contains the body of your website document. If a <HEAD> section is
present in the page then the body must be placed after this section.

 <BQ></BQ> This element is an alias of the blockquote element.


 <BR> Line Break. Break the current line and continue on the next line.

 <BUTTON></BUTTON> This attribute creates a button that the user can push.

 <CAPTION></CAPTION> Specify the caption of a table. This element is only valid inside the TABLE
element.

 <CENTER></CENTER> Centers everything inside the opening and closing element.


This tag is equivalent to <DIV align="center">. See working example

 <CITE></CITE> Used for citations or references to other sources. See working example

 <CODE></CODE> Used for source code examples.

 <COL> This element sets the attribute values for one or more columns.

 <COLGROUP> This tag creates a column group and sets attribute values for all the columns in this group.

 <COMMENT></COMMENT> Used to insert comments in the HTML source which will be ignored by the
browser. All HTML elements inside the comment will be ignored. You can use this code to put comments
in your pages, which can help you when you have to edit the source later.
HTML generating programs sometimes store program-specific information inside comments,
so they will not be visible, but still available to the program.
This code is not a container, but inside it you can put one or more comments,
by surrounding with "--". The end of the code is indicated with the sequence -->.

 <DD></DD> The description of a term in a definition list.

 <DEL></DEL> This is a tag that is used to indicate webpage text that has been deleted.

 <DFN></DFN> This is a element that is used to indicate a word or phrase that is being defined.

 <DIR></DIR> Create a directory list. See working example.

 <DIV></DIV> HTML DIV tags. This element is a general container for a part of the contents of a page.
Through the DIV element you can add attributes, like style information, to this whole division. The DIV
element will not show anything when used without any other attribute. A division will terminate a
paragraph opened with the P element.
<DIV align="center"> is the same as the deprecated <CENTER> element.

 <DL></DL> Create a definition list. This is a list where each item consists of two parts.

 <EM></EM> Put "emphasis" on the enclosed text.

 <EMBED></EMBED> The EMBED element lets you display output from a plug-in application in an HTML
document.

 <FIELDSET></FIELDSET> Group a set of related controls in a form together. See working example

 <FONT></FONT> HTML font tags change the font which is used to draw the text. See working example

 <FORM></FORM> HTML form tags. Create a form inside a document. See working example
 <FRAME> In a page with frames, this element defines how the a specific frame looks and what is initially
shown inside the frame, when the framed page is loaded.
This element is only allowed inside a FRAMESET element. Frames tutorial

 <FRAMESET></FRAMESET> Container for creating a document that consists of several frames. Frames
tutorial

 <H1></H1> The elements H1, H2, H3, H4, H5 and H6 are used to create several levels of headers, with H1
as the most important header and H6 as the least important. See working example

 <HEAD></HEAD> Container for elements describing the current document. This section contains no
contents the browser should display in the body of the text.
The following elements are allowed inside the HEAD section :

BASE
BASEFONT
BGSOUND
ISINDEX
LINK
META
SCRIPT
STYLE
TITLE

 <HR> Draw a horizontal rule. See working example

 <HTML></HTML> The container for a complete HTML document.

 <I></I> Change the text to italic. See working example.


<italic></italic> can also be used.

 <IFRAME></IFRAME> This element is a container to create an inline or floating frame. A floating frame is a
frame in which the contents of another HTML document can be seen.

 <ILAYER></ILAYER> With this element you can create several layers of content on a page. These layers can
be stacked on top of each other, showing parts of underlying layers through non-occupied space.

 <IMG> HTML image tag. Place an image in the document. See working Example

 <INPUT> Create a control for a form. A control is an element which the user can use to enter data, like
textboxes, radiobuttons and checkboxes and is only valid inside the FORM element.

 <ISINDEX> This element will show an text input field. After pressing the <Enter> key the browser will
construct a new URL, with the current address, a question mark and the text the user entered in the text
field, and send it to the server

 <KBD></KBD> This is used to identify text that a user is supposed to enter.

 <LABEL></LABEL> Attach information to a specific field of a form.

 <LAYER></LAYER> With this element you can create several layers of content on a page. These layers can
be stacked on top of each other, showing parts of underlying layers through non-occupied space.
 <LEGEND></LEGEND> Give the caption for a group of related controls, created with the FIELDSET
element. See working example

 <LI></LI>List tags Identify an item in a list. See working example.

 <MAP></MAP> This element is a container for the map that is used in a client-side image map.

 <MARQUEE></MARQUEE> HTML marquee tag. This element is a container that enables you to create a
scrolling text marquee. See working example

 <MENU></MENU> A container for a list of menu items.

 <META> This element supplies meta-information about the current document.

 <NOBR></NOBR> The NOBR element stands for NO BReak. This means all the text between the start and
end of the NOBR elements cannot have line breaks inserted between them.

 <NOEMBED></NOEMBED> This element defines content within EMBED content that is to be ignored by
browsers that can activate the EMBED plug-in application.

 <NOFRAMES></NOFRAMES> This element provides a way to create alternative content that is intended
for browsers that can't show frames, or are configured not to show them. A browser that displays the
frames ignores the contents of the NOFRAMES element.

 <OBJECT></OBJECT> The object element allows the author to embed an object into the document. This
element also replaces the APPLET element.

 <OPTION></OPTION> This describes an option in a listbox of a form. See working example

 <P></P> This indicates a paragraph in the document. It is a container but most browsers allow you to omit
the closing element.

 <PARAM> This element is for supplying parameters to a JAVA applet or another object and is only valid
inside the APPLET and OBJECT elements.

 <PLAINTEXT></PLAINTEXT> All HTML elements inside this container are ignored by the browser, and
shown as they were only text.

 <PRE></PRE> This element allows you to show preformatted text as it is, using the supplied whitespace of
the text.

 <Q></Q> This is used to enclose short quotations from other works in the page.

 <S></S> Render text as strikethrough. See working example.

 <SAMP></SAMP> This element describes text that is output from a program.

 <SCRIPT></SCRIPT> This element adds the possibility of programming inside a HTML document by using a
scripting language.

 <SELECT></SELECT> This element lets you create a listbox as an input field on a form.
See working example.
 <SERVER></SERVER> This element is used to write JavaScripts that will be executed on the server, in the
process of serving the page to the browser.

 <SMALL></SMALL> Draw the text using a smaller font than the one that is used for normal text.

 <SPACER> With a spacer you can control the horizontal whitespace that appears between words in a line,
the vertical whitespace that appears between lines on a page, or set up rectangular spacing elements.

 <SPAN></SPAN> This element is used to create a structure in a document. By using this element you can
give a part of the document a name, or apply style sheet information to the part.
See Working Example

 <STRIKE></STRIKE> Render text as strikethrough. Same as the <S> tag.

 <STRONG></STRONG> Render the text with strong emphasis. See working example

 <STYLE></STYLE> This element is a container for style sheet elements to use with this document.

 <SUB></SUB> This is a container for text that should be displayed as a subscript, and, if practical, using a
smaller font (compared with normal text). See working example.

 <SUP></SUP> Display the text as a superscript. See working example

 <TABLE></TABLE>
HTML table tags. Create a table layout which can contain cells in rows and columns. The cells of a table
are specified with the TR, TH and TD elements.

 <TBODY></TBODY>
This element defines the body part of a table.

 <TD></TD>
HTML table tags. The container for a cell in a table. Inside this you can put all the HTML coding
you want to appear in the cell.

 <TEXTAREA></TEXTAREA>
Define a multiline text field in a form. This element is only valid inside the FORM element.

 <TFOOT></TFOOT>
This element defines the footer of a table.

 <TITLE></TITLE>
Specify the title of the HTML document. This element is only allowed inside the HEAD element.

 <TR></TR>
Define a row inside a table.

 <U></U>
Underline your text.

 <UL></UL>
Create an unordered list of items, where unordered means the individual items are not numbered, but
have a bullet in front of them. If you want numbered items use an ordered list. The items in the list are
identified with the LI element.
See working example

 <VAR></VAR>
Used to describe a metasyntactic variable, where the user is to replace the variable with a specific
instance. Typically displayed in italics.

 <WBR>
The WBR element stands for Word Break

Special Characters
Description

Code Symb
ol
&trade; ™
Trademar
k
&amp; &
Ampersan
d
&reg; ®
Registere
d
trademar
k
&copy; ©
Copyright
&dagge †
Dagger
r;
&raquo »
Right
; pointing
double
angle
quotation
mark
&laquo; «
Left
pointing
double
angle
quotation
mark
&#151; —
Em-dash
&deg; 30°
Degree
&frac14 ¼
Quarter
;
&frac12 ½
Half
;
&frac34 ¾
Three
; quarters
&middo ·
Middle dot
t;
&iexcl; ¡
Inverted
exclamati
on mark
Rendering in Your
Character Entity Decimal Hex Browser
Entity Decimal Hex
Latin small f with hook = function =
&fnof; &#402; &#x192; ƒ ƒ ƒ
florin
Greek capital letter alpha &Alpha; &#913; &#x391; Α Α Α
Greek capital letter beta &Beta; &#914; &#x392; Β Β Β
Greek capital letter gamma &Gamma; &#915; &#x393; Γ Γ Γ
Greek capital letter delta &Delta; &#916; &#x394; Δ Δ Δ
Greek capital letter epsilon &Epsilon; &#917; &#x395; Ε Ε Ε
Greek capital letter zeta &Zeta; &#918; &#x396; Ζ Ζ Ζ
Greek capital letter eta &Eta; &#919; &#x397; Η Η Η
Greek capital letter theta &Theta; &#920; &#x398; Θ Θ Θ
Greek capital letter iota &Iota; &#921; &#x399; Ι Ι Ι
Greek capital letter kappa &Kappa; &#922; &#x39A; Κ Κ Κ
Greek capital letter lambda &Lambda; &#923; &#x39B; Λ Λ Λ
Greek capital letter mu &Mu; &#924; &#x39C; Μ Μ Μ
Greek capital letter nu &Nu; &#925; &#x39D; Ν Ν Ν
Greek capital letter xi &Xi; &#926; &#x39E; Ξ Ξ Ξ
Greek capital letter omicron &Omicron; &#927; &#x39F; Ο Ο Ο
Greek capital letter pi &Pi; &#928; &#x3A0; Π Π Π
Greek capital letter rho &Rho; &#929; &#x3A1; Ρ Ρ Ρ
Greek capital letter sigma &Sigma; &#931; &#x3A3; Σ Σ Σ
Greek capital letter tau &Tau; &#932; &#x3A4; Τ Τ Τ
Greek capital letter upsilon &Upsilon; &#933; &#x3A5; Υ Υ Υ
Greek capital letter phi &Phi; &#934; &#x3A6; Φ Φ Φ
Greek capital letter chi &Chi; &#935; &#x3A7; Χ Χ Χ
Greek capital letter psi &Psi; &#936; &#x3A8; Ψ Ψ Ψ
Greek capital letter omega &Omega; &#937; &#x3A9; Ω Ω Ω
Greek small letter alpha &alpha; &#945; &#x3B1; α α α
Greek small letter beta &beta; &#946; &#x3B2; β β β
Rendering in Your
Character Entity Decimal Hex Browser
Entity Decimal Hex
Greek small letter gamma &gamma; &#947; &#x3B3; γ γ γ
Greek small letter delta &delta; &#948; &#x3B4; δ δ δ
Greek small letter epsilon &epsilon; &#949; &#x3B5; ε ε ε
Greek small letter zeta &zeta; &#950; &#x3B6; ζ ζ ζ
Greek small letter eta &eta; &#951; &#x3B7; η η η
Greek small letter theta &theta; &#952; &#x3B8; θ θ θ
Greek small letter iota &iota; &#953; &#x3B9; ι ι ι
Greek small letter kappa &kappa; &#954; &#x3BA; κ κ κ
Greek small letter lambda &lambda; &#955; &#x3BB; λ λ λ
Greek small letter mu &mu; &#956; &#x3BC; μ μ μ
Greek small letter nu &nu; &#957; &#x3BD; ν ν ν
Greek small letter xi &xi; &#958; &#x3BE; ξ ξ ξ
Greek small letter omicron &omicron; &#959; &#x3BF; ο ο ο
Greek small letter pi &pi; &#960; &#x3C0; π π π
Greek small letter rho &rho; &#961; &#x3C1; ρ ρ ρ
Greek small letter final sigma &sigmaf; &#962; &#x3C2; ς ς ς
Greek small letter sigma &sigma; &#963; &#x3C3; σ σ σ
Greek small letter tau &tau; &#964; &#x3C4; τ τ τ
Greek small letter upsilon &upsilon; &#965; &#x3C5; υ υ υ
Greek small letter phi &phi; &#966; &#x3C6; φ φ φ
Greek small letter chi &chi; &#967; &#x3C7; χ χ χ
Greek small letter psi &psi; &#968; &#x3C8; ψ ψ ψ
Greek small letter omega &omega; &#969; &#x3C9; ω ω ω
Greek small letter theta symbol &thetasym; &#977; &#x3D1; ϑ ϑ ϑ
Greek upsilon with hook symbol &upsih; &#978; &#x3D2; ϒ ϒ ϒ
Greek pi symbol &piv; &#982; &#x3D6; ϖ ϖ ϖ
bullet = black small circle &bull; &#8226; &#x2022; • • •
horizontal ellipsis = three dot leader &hellip; &#8230; &#x2026; … … …
prime = minutes = feet &prime; &#8242; &#x2032; ′ ′ ′
double prime = seconds = inches &Prime; &#8243; &#x2033; ″ ″ ″
overline = spacing overscore &oline; &#8254; &#x203E; ‾ ‾ ‾
fraction slash &frasl; &#8260; &#x2044; ⁄ ⁄ ⁄
script capital P = power set =
&weierp; &#8472; &#x2118; ℘ ℘ ℘
Weierstrass p
blackletter capital I = imaginary part &image; &#8465; &#x2111; ℑ ℑ ℑ
Rendering in Your
Character Entity Decimal Hex Browser
Entity Decimal Hex
blackletter capital R = real part
&real; &#8476; &#x211C; ℜ ℜ ℜ
symbol
trade mark sign &trade; &#8482; &#x2122; ™ ™ ™
alef symbol = first transfinite
&alefsym; &#8501; &#x2135; ℵ ℵ ℵ
cardinal
leftwards arrow &larr; &#8592; &#x2190; ← ← ←
upwards arrow &uarr; &#8593; &#x2191; ↑ ↑ ↑
rightwards arrow &rarr; &#8594; &#x2192; → → →
downwards arrow &darr; &#8595; &#x2193; ↓ ↓ ↓
left right arrow &harr; &#8596; &#x2194; ↔ ↔ ↔
downwards arrow with corner
&crarr; &#8629; &#x21B5; ↵ ↵ ↵
leftwards = carriage return
leftwards double arrow &lArr; &#8656; &#x21D0; ⇐ ⇐ ⇐
upwards double arrow &uArr; &#8657; &#x21D1; ⇑ ⇑ ⇑
rightwards double arrow &rArr; &#8658; &#x21D2; ⇒ ⇒ ⇒
downwards double arrow &dArr; &#8659; &#x21D3; ⇓ ⇓ ⇓
left right double arrow &hArr; &#8660; &#x21D4; ⇔ ⇔ ⇔
for all &forall; &#8704; &#x2200; ∀ ∀ ∀
partial differential &part; &#8706; &#x2202; ∂ ∂ ∂
there exists &exist; &#8707; &#x2203; ∃ ∃ ∃
empty set = null set = diameter &empty; &#8709; &#x2205; ∅ ∅ ∅
nabla = backward difference &nabla; &#8711; &#x2207; ∇ ∇ ∇
element of &isin; &#8712; &#x2208; ∈ ∈ ∈
not an element of &notin; &#8713; &#x2209; ∉ ∉ ∉
contains as member &ni; &#8715; &#x220B; ∋ ∋ ∋
n-ary product = product sign &prod; &#8719; &#x220F; ∏ ∏ ∏
n-ary sumation &sum; &#8721; &#x2211; ∑ ∑ ∑
minus sign &minus; &#8722; &#x2212; − − −
asterisk operator &lowast; &#8727; &#x2217; ∗ ∗ ∗
square root = radical sign &radic; &#8730; &#x221A; √ √ √
proportional to &prop; &#8733; &#x221D; ∝ ∝ ∝
infinity &infin; &#8734; &#x221E; ∞ ∞ ∞
angle &ang; &#8736; &#x2220; ∠ ∠ ∠
logical and = wedge &and; &#8743; &#x2227; ∧ ∧ ∧
logical or = vee &or; &#8744; &#x2228; ∨ ∨ ∨
Rendering in Your
Character Entity Decimal Hex Browser
Entity Decimal Hex
intersection = cap &cap; &#8745; &#x2229; ∩ ∩ ∩
union = cup &cup; &#8746; &#x222A; ∪ ∪ ∪
integral &int; &#8747; &#x222B; ∫ ∫ ∫
therefore &there4; &#8756; &#x2234; ∴ ∴ ∴
tilde operator = varies with = similar
&sim; &#8764; &#x223C; ∼ ∼ ∼
to
approximately equal to &cong; &#8773; &#x2245; ≅ ≅ ≅
almost equal to = asymptotic to &asymp; &#8776; &#x2248; ≈ ≈ ≈
not equal to &ne; &#8800; &#x2260; ≠ ≠ ≠
identical to &equiv; &#8801; &#x2261; ≡ ≡ ≡
less-than or equal to &le; &#8804; &#x2264; ≤ ≤ ≤
greater-than or equal to &ge; &#8805; &#x2265; ≥ ≥ ≥
subset of &sub; &#8834; &#x2282; ⊂ ⊂ ⊂
superset of &sup; &#8835; &#x2283; ⊃ ⊃ ⊃
not a subset of &nsub; &#8836; &#x2284; ⊄ ⊄ ⊄
subset of or equal to &sube; &#8838; &#x2286; ⊆ ⊆ ⊆
superset of or equal to &supe; &#8839; &#x2287; ⊇ ⊇ ⊇
circled plus = direct sum &oplus; &#8853; &#x2295; ⊕ ⊕ ⊕
circled times = vector product &otimes; &#8855; &#x2297; ⊗ ⊗ ⊗
up tack = orthogonal to =
&perp; &#8869; &#x22A5; ⊥ ⊥ ⊥
perpendicular
dot operator &sdot; &#8901; &#x22C5; ⋅ ⋅ ⋅
left ceiling = APL upstile &lceil; &#8968; &#x2308; ⌈ ⌈ ⌈
right ceiling &rceil; &#8969; &#x2309; ⌉ ⌉ ⌉
left floor = APL downstile &lfloor; &#8970; &#x230A; ⌊ ⌊ ⌊
right floor &rfloor; &#8971; &#x230B; ⌋ ⌋ ⌋
left-pointing angle bracket = bra &lang; &#9001; &#x2329; 〈 〈 〈
right-pointing angle bracket = ket &rang; &#9002; &#x232A; 〉 〉 〉
lozenge &loz; &#9674; &#x25CA; ◊ ◊ ◊
black spade suit &spades; &#9824; &#x2660; ♠ ♠ ♠
black club suit = shamrock &clubs; &#9827; &#x2663; ♣ ♣ ♣
black heart suit = valentine &hearts; &#9829; &#x2665; ♥ ♥ ♥
black diamond suit &diams; &#9830; &#x2666; ♦ ♦ ♦
Basic Latin

Unicode U+0000 – U+007F   (0-127)

" or "
quotation mark, APL quote (&#34; or &quot;)

& or &
ampersand (&#38; or &amp;)

< or <
less than (‹ is left single angle quotation mark) (&#60; or &lt;)

> or >
greater than (› is right single angle quotation mark) (&#62; or &gt;)

Latin-1 Supplement

Unicode U+0080 – U+00FF   (128-255)

‘ ’ or ‘ ’
non-breaking space (&#160; or &nbsp;)

¡ or ¡
inverted exclamation mark (&#161; or &iexcl;)

¢ or ¢
cent sign (&#162; or &cent;)

£ or £
pound sterling sign, Irish Punt (&#163; or &pound;)

¤ or ¤
general currency sign (&#164; or &curren;)
¥ or ¥
yen sign (&#165; or &yen;)

¦ or ¦
broken (vertical) bar (&#166; or &brvbar;)

§ or §
section sign (&#167; or &sect;)

¨ or ¨
umlaut (dieresis) (&#168; or &uml;)

© or ©
copyright sign (&#169; or &copy;)

ª or ª
ordinal indicator, feminine (&#170; or &ordf;)

« or «
angle quotation mark (left) (&#171; or &laquo;)

¬ or ¬
not sign (&#172; or &not;)

or
soft hyphen (&#173; or &shy;)

® or ®
registered sign (&#174; or &reg;)

¯ or ¯
macron, APL overbar (&#175; or &macr;)
° or °
degree sign (&#176; or &deg;)

± or ±
plus or minus sign (&#177; or &plusmn;)

² or ²
superscript two (&#178; or &sup2;)

³ or ³
superscript three (&#179; or &sup3;)

´ or ´
acute accent (&#180; or &acute;)

µ or µ
micro sign (&#181; or &micro;)

¶ or ¶
pilcrow (paragraph sign) (&#182; or &para;)

· or ·
middle dot (⋅ is dot operator) (&#183; or &middot;)

¸ or ¸
cedilla (&#184; or &cedil;)

¹ or ¹
superscript one (&#185; or &sup1;)

º or º
ordinal indicator, masculine (&#186; or &ordm;)
» or »
angle quotation mark (right) (&#187; or &raquo;)

¼ or ¼
fraction one-quarter (&#188; or &frac14;)

½ or ½
fraction one-half (&#189; or &frac12;)

¾ or ¾
fraction three-quarters (&#190; or &frac34;)

¿ or ¿
inverted question mark (&#191; or &iquest;)

À or À
capital A, grave (&#192; or &Agrave;)

Á or Á
capital A, acute (&#193; or &Aacute;)

 or Â
capital A, circumflex (&#194; or &Acirc;)

à or Ã
capital A, tilde (&#195; or &Atilde;)

Ä or Ä
capital A, umlaut (&#196; or &Auml;)

Å or Å
capital A, ring (&#197; or &Aring;)
Æ or Æ
capital AE diphthong (ligature) (&#198; or &AElig;)

Ç or Ç
capital C, cedilla (&#199; or &Ccedil;)

È or È
capital E, grave (&#200; or &Egrave;)

É or É
capital E, acute (&#201; or &Eacute;)

Ê or Ê
capital E, circumflex (&#202; or &Ecirc;)

Ë or Ë
capital E, umlaut (&#203; or &Euml;)

Ì or Ì
capital I, grave (&#204; or &Igrave;)

Í or Í
capital I, acute (&#205; or &Iacute;)

Î or Î
capital I, circumflex (&#206; or &Icirc;)

Ï or Ï
capital I, umlaut (&#207; or &Iuml;)

Ð or Ð
capital Eth (Icelandic) (&#208; or &ETH;)
Ñ or Ñ
capital N, tilde (&#209; or &Ntilde;)

Ò or Ò
capital O, grave (&#210; or &Ograve;)

Ó or Ó
capital O, acute (&#211; or &Oacute;)

Ô or Ô
capital O, circumflex (&#212; or &Ocirc;)

Õ or Õ
capital O, tilde (&#213; or &Otilde;)

Ö or Ö
capital O, umlaut (&#214; or &Ouml;)

× or ×
multiply sign, times (&#215; or &times;)

Ø or Ø
capital O, slash (&#216; or &Oslash;)

Ù or Ù
capital U, grave (&#217; or &Ugrave;)

Ú or Ú
capital U, acute (&#218; or &Uacute;)

Û or Û
capital U, circumflex (&#219; or &Ucirc;)
Ü or Ü
capital U, umlaut (&#220; or &Uuml;)

Ý or Ý
capital Y, acute (&#221; or &Yacute;)

Þ or Þ
capital Thorn (Icelandic) (&#222; or &THORN;)

ß or ß
small sharp s (German) (sz ligature) (&#223; or &szlig;)

à or à
small a, grave (&#224; or &agrave;)

á or á
small a, acute (&#225; or &aacute;)

â or â
small a, circumflex (&#226; or &acirc;)

ã or ã
small a, tilde (&#227; or &atilde;)

ä or ä
small a, umlaut (&#228; or &auml;)

å or å
small a, ring (&#229; or &aring;)

æ or æ
small ae diphthong (ligature) (&#230; or &aelig;)
ç or ç
small c, cedilla (&#231; or &ccedil;)

è or è
small e, grave (&#232; or &egrave;)

é or é
small e, acute (&#233; or &eacute;)

ê or ê
small e, circumflex (&#234; or &ecirc;)

ë or ë
small e, umlaut (&#235; or &euml;)

ì or ì
small i, grave (&#236; or &igrave;)

í or í
small i, acute (&#237; or &iacute;)

î or î
small i, circumflex (&#238; or &icirc;)

ï or ï
small i, umlaut (&#239; or &iuml;)

ð or ð
small eth (Icelandic) (&#240; or &eth;)

ñ or ñ
small n, tilde (&#241; or &ntilde;)
ò or ò
small o, grave (&#242; or &ograve;)

ó or ó
small o, acute (&#243; or &oacute;)

ô or ô
small o, circumflex (&#244; or &ocirc;)

õ or õ
small o, tilde (&#245; or &otilde;)

ö or ö
small o, umlaut (&#246; or &ouml;)

÷ or ÷
divide sign (&#247; or &divide;)

ø or ø
small o, slash (&#248; or &oslash;)

ù or ù
small u, grave (&#249; or &ugrave;)

ú or ú
small u, acute (&#250; or &uacute;)

û or û
small u, circumflex (&#251; or &ucirc;)

ü or ü
small u, umlaut (&#252; or &uuml;)
ý or ý
small y, acute (&#253; or &yacute;)

þ or þ
small thorn (Icelandic) (&#254; or &thorn;)

ÿ or ÿ
small y, umlaut (&#255; or &yuml;)

Latin Extended-A

Unicode U+0100 – U+017F   (256-383)

Œ or Œ
capital OE ligature (&#338; or &OElig;)

œ or œ
small oe ligature (&#339; or &oelig;)

Š or Š
capital S, caron (&#352; or &Scaron;)

š or š
small s, caron (&#353; or &scaron;)

Ÿ or Ÿ
capital Y, umlaut (&#376; or &Yuml;)

Latin Extended-B

Unicode U+0180 – U+024F   (384-591)

ƒ or ƒ
Florin, Guilder or Gulden (&#402; or &fnof;)
Spacing Modifier Letters

Unicode U+02B0 – U+02FF   (688-767)

ˆ or ˆ
circumflex accent (&#710; or &circ;)

˜ or ˜
small tilde (&#732; or &tilde;)

Greek

Unicode U+0370 – U+03FF   (880-1023)

Α or Α
capital Alpha (&#913; or &Alpha;)

Β or Β
capital Beta (&#914; or &Beta;)

Γ or Γ
capital Gamma (&#915; or &Gamma;)

Δ or Δ
capital Delta (&#916; or &Delta;)

Ε or Ε
capital Epsilon (&#917; or &Epsilon;)

Ζ or Ζ
capital Zeta (&#918; or &Zeta;)

Η or Η
capital Eta (&#919; or &Eta;)
Θ or Θ
capital Theta (&#920; or &Theta;)

Ι or Ι
capital Iota (&#921; or &Iota;)

Κ or Κ
capital Kappa (&#922; or &Kappa;)

Λ or Λ
capital Lambda (&#923; or &Lambda;)

Μ or Μ
capital Mu (&#924; or &Mu;)

Ν or Ν
capital Nu (&#925; or &Nu;)

Ξ or Ξ
capital Xi (&#926; or &Xi;)

Ο or Ο
capital Omicron (&#927; or &Omicron;)

Π or Π
capital Pi (&#928; or &Pi;)

Ρ or Ρ
capital Rho (&#929; or &Rho;)

Σ or Σ
capital Sigma (&#931; or &Sigma;)
Τ or Τ
capital Tau (&#932; or &Tau;)

Υ or Υ
capital Upsilon (&#933; or &Upsilon;)

Φ or Φ
capital Phi (&#934; or &Phi;)

Χ or Χ
capital Chi (&#935; or &Chi;)

Ψ or Ψ
capital Psi (&#936; or &Psi;)

Ω or Ω
capital Omega (&#937; or &Omega;)

α or α
lower case alpha (&#945; or &alpha;)

β or β
lower case beta (&#946; or &beta;)

γ or γ
lower case gamma (&#947; or &gamma;)

δ or δ
lower case delta (&#948; or &delta;)

ε or ε
lower case epsilon (&#949; or &epsilon;)
ζ or ζ
lower case zeta (&#950; or &zeta;)

η or η
lower case eta (&#951; or &eta;)

θ or θ
lower case theta (&#952; or &theta;)

ι or ι
lower case iota (&#953; or &iota;)

κ or κ
lower case kappa (&#954; or &kappa;)

λ or λ
lower case lambda (&#955; or &lambda;)

μ or μ
lower case mu (&#956; or &mu;)

ν or ν
lower case nu (&#957; or &nu;)

ξ or ξ
lower case xi (&#958; or &xi;)

ο or ο
lower case omicron (&#959; or &omicron;)

π or π
lower case pi (&#960; or &pi;)
ρ or ρ
lower case rho (&#961; or &rho;)

ς or ς
lower case sigma (terminal) (&#962; or &sigmaf;)

σ or σ
lower case sigma (&#963; or &sigma;)

τ or τ
lower case tau (&#964; or &tau;)

υ or υ
lower case upsilon (&#965; or &upsilon;)

φ or φ
lower case phi (&#966; or &phi;)

χ or χ
lower case chi (&#967; or &chi;)

ψ or ψ
lower case psi (&#968; or &psi;)

ω or ω
lower case omega (&#969; or &omega;)

ϑ or ϑ
theta symbol (&#977; or &thetasym;)

ϒ or ϒ
upsilon with hook symbol (&#978; or &upsih;)
ϖ or ϖ
pi symbol (&#982; or &piv;)

General Punctuation

Unicode U+2000 – U+206F   (8192-8303)

‘ ’ or ‘ ’
en space (&#8194; or &ensp;)

‘ ’ or ‘ ’
em space (&#8195; or &emsp;)

‘ ’ or ‘ ’
thin space (&#8201; or &thinsp;)

‌or ‌
zero width non-joiner (&#8204; or &zwnj;)

‍or ‍
zero width joiner (&#8205; or &zwj;)

or
left-to-right mark (&#8206; or &lrm;)

or
right-to-left mark (&#8207; or &rlm;)

– or –
en dash (&#8211; or &ndash;)

— or —
em dash (&#8212; or &mdash;)
‘ or ‘
left single quotation mark, left single inverted comma (&#8216; or &lsquo;)

’ or ’
right single quotation mark, right single inverted comma, apostrophe (&#8217; or &rsquo;)

‚ or ‚
single low-9 quotation mark (&#8218; or &sbquo;)

“ or “
left double quotation mark, left double inverted commas (&#8220; or &ldquo;)

” or ”
right double quotation mark, right double inverted commas (&#8221; or &rdquo;)

„ or „
double low-9 quotation mark (&#8222; or &bdquo;)

† or †
dagger (&#8224; or &dagger;)

‡ or ‡
double dagger (&#8225; or &Dagger;)

• or •
bullet, black small circle (&#8226; or &bull;)

… or …
horizontal ellipsis, three dot leader (&#8230; or &hellip;)

‰ or ‰
per mille sign (&#8240; or &permil;)
′ or ′
prime, minutes, feet (&#8242; or &prime;)

″ or ″
double prime, seconds, inches (&#8243; or &Prime;)

‹ or ‹
single angle quotation mark (left) (< is less than) (&#8249; or &lsaquo;)

› or ›
single angle quotation mark (right) (> is greater than) (&#8250; or &rsaquo;)

‾ or ‾
overline, spacing overscore (&#8254; or &oline;)

⁄ or ⁄
figure slash (fraction) (/ is normal slash) (&#8260; or &frasl;)

Currency Symbols

Unicode U+20A0 – U+20CF   (8352-8399)

€ or €
euro (&#8364; or &euro;)

Letterlike Symbols

Unicode U+2100 – U+214F   (8448-8527)

ℑ or ℑ
blackletter I, imaginary part, I fraktur (&#8465; or &image;)

℘ or ℘
script capital P, Weierstrass, power set (&#8472; or &weierp;)
ℜ or ℜ
blackletter R, real part, R fraktur (&#8476; or &real;)

™ or ™
trade mark (&#8482; or &trade;)

ℵ or ℵ
alef symbol, first transfinite cardinal (&#8501; or &alefsym;)

Arrows

Unicode U+2190 – U+21FF   (8592-8703)

← or ←
arrow left (&#8592; or &larr;)

↑ or ↑
arrow up (&#8593; or &uarr;)

→ or →
arrow right (&#8594; or &rarr;)

↓ or ↓
arrow down (&#8595; or &darr;)

↔ or ↔
arrow left and right (&#8596; or &harr;)

↵ or ↵
downwards arrow with corner leftwards, carriage return (&#8629; or &crarr;)

⇐ or ⇐
double arrow left (implied by) (&#8656; or &lArr;)
⇑ or ⇑
double arrow up (&#8657; or &uArr;)

⇒ or ⇒
double arrow right (implies) (&#8658; or &rArr;)

⇓ or ⇓
double arrow down (&#8659; or &dArr;)

⇔ or ⇔
double arrow left and right (&#8660; or &hArr;)

Mathematical Operators

Unicode U+2200 – U+22FF   (8704-8959)

∀ or ∀
for all (&#8704; or &forall;)

∂ or ∂
partial differential (&#8706; or &part;)

∃ or ∃
there exists (&#8707; or &exist;)

∅ or ∅
empty set, null set, diameter (&#8709; or &empty;)

∇ or ∇
nabla, backward difference (&#8711; or &nabla;)

∈ or ∈
element of, set membership (&#8712; or &isin;)
∉ or ∉
not an element of, denial of set membership (&#8713; or &notin;)

∋ or ∋
contains as member (&#8715; or &ni;)

∏ or ∏
n-ary product, product sign (&#8719; or &prod;)

∑ or ∑
n-ary summation, sum of (&#8721; or &sum;)

− or −
minus sign (- is hyphen) (&#8722; or &minus;)

∗ or ∗
asterisk operator (&#8727; or &lowast;)

√ or √
square root, radical sign (&#8730; or &radic;)

∝ or ∝
proportional to (&#8733; or &prop;)

∞ or ∞
infinity (&#8734; or &infin;)

∠ or ∠
angle (&#8736; or &ang;)

∧ or ∧
logical and, wedge (&#8743; or &and;)
∨ or ∨
logical or, vee (&#8744; or &or;)

∩ or ∩
intersection, cap (&#8745; or &cap;)

∪ or ∪
union, cup (&#8746; or &cup;)

∫ or ∫
integral (&#8747; or &int;)

∴ or ∴
therefore (&#8756; or &there4;)

∼ or ∼
tilde operator, varies with, similar to (&#8764; or &sim;)

≅ or ≅
congruent, approximately equal to (&#8773; or &cong;)

≈ or ≈
asymptotic to, almost equal to (&#8776; or &asymp;)
The Adobe PostScript name for this character is approxequal

≠ or ≠
not equal to (&#8800; or &ne;)

≡ or ≡
equivalence, identical to (&#8801; or &equiv;)

≤ or ≤
less than or equal to (&#8804; or &le;)

≥ or ≥
greater than or equal to (&#8805; or &ge;)

⊂ or ⊂
subset of, proper subset (&#8834; or &sub;)

⊃ or ⊃
superset of (&#8835; or &sup;)

⊄ or ⊄
not a subset of (&#8836; or &nsub;)

⊆ or ⊆
subset of or equal to (&#8838; or &sube;)

⊇ or ⊇
superset of or equal to (&#8839; or &supe;)

⊕ or ⊕
circled plus, direct sum (&#8853; or &oplus;)

⊗ or ⊗
circled times, vector product (&#8855; or &otimes;)

⊥ or ⊥
up tack, orthogonal to, perpendicular (&#8869; or &perp;)

⋅ or ⋅
dot operator (· is middle dot) (&#8901; or &sdot;)

Miscellaneous Technical
Unicode U+2300 – U+23FF   (8960-9215)

⌈ or ⌈
left ceiling, APL upstile (&#8968; or &lceil;)

⌉ or ⌉
right ceiling (&#8969; or &rceil;)

⌊ or ⌊
left floor, APL downstile (&#8970; or &lfloor;)

⌋ or ⌋
right floor (&#8971; or &rfloor;)

〈 or 〈
left-pointing angle bracket, bra (< is less than; ‹ is left single angle quotation mark) (&#9001; or
&lang;)

〉 or 〉
right-pointing angle bracket, ket (> is greater than; › is right single angle quotation mark)
(&#9002; or &rang;)

Geometric Shapes

Unicode U+25A0 – U+25FF   (9632-9727)

◊ or ◊
lozenge (&#9674; or &loz;)

Miscellaneous Symbols

Unicode U+2600 – U+26FF   (9728-9983)

♠ or ♠
black spade suit (&#9824; or &spades;)
♣ or ♣
black club suit, shamrock (&#9827; or &clubs;)

♥ or ♥
black heart suit, valentine (&#9829; or &hearts;)

♦ or ♦
black diamond suit (&#9830; or &diams;)

Result Description Entity Name Entity Number

∀ for all &forall; &#8704;

∂ part &part; &#8706;


∃ exists &exists; &#8707;

∅ empty &empty; &#8709;

∇ nabla &nabla; &#8711;

∈ isin &isin; &#8712;

∉ notin &notin; &#8713;

∋ ni &ni; &#8715;

∏ prod &prod; &#8719;

∑ sum &sum; &#8721;

− minus &minus; &#8722;

∗ lowast &lowast; &#8727;

√ square root &radic; &#8730;

∝ proportional to &prop; &#8733;

∞ infinity &infin; &#8734;


∠ angle &ang; &#8736;

∧ and &and; &#8743;

∨ or &or; &#8744;

∩ cap &cap; &#8745;

∪ cup &cup; &#8746;

∫ integral &int; &#8747;

∴ therefore &there4; &#8756;

∼ simular to &sim; &#8764;

≅ approximately equal &cong; &#8773;

≈ almost equal &asymp; &#8776;

≠ not equal &ne; &#8800;

≡ equivalent &equiv; &#8801;

≤ less or equal &le; &#8804;


≥ greater or equal &ge; &#8805;

⊂ subset of &sub; &#8834;

⊃ superset of &sup; &#8835;

⊄ not subset of &nsub; &#8836;

⊆ subset or equal &sube; &#8838;

⊇ superset or equal &supe; &#8839;

⊕ circled plus &oplus; &#8853;

⊗ cirled times &otimes; &#8855;

⊥ perpendicular &perp; &#8869;

⋅ dot operator &sdot; &#8901;

ASCII Value URL-encode ASCII Value URL-encode ASCII Value URL-encode

æ %00 0 %30 ` %60


  %01 1 %31 a %61

  %02 2 %32 b %62

  %03 3 %33 c %63

  %04 4 %34 d %64

  %05 5 %35 e %65

  %06 6 %36 f %66

  %07 7 %37 g %67

backspace %08 8 %38 h %68

tab %09 9 %39 i %69

linefeed %0a : %3a j %6a

  %0b ; %3b k %6b


  %0c < %3c l %6c

c return %0d = %3d m %6d

  %0e > %3e n %6e

  %0f ? %3f o %6f

  %10 @ %40 p %70

  %11 A %41 q %71

  %12 B %42 r %72

  %13 C %43 s %73

  %14 D %44 t %74

  %15 E %45 u %75

  %16 F %46 v %76


  %17 G %47 w %77

  %18 H %48 x %78

  %19 I %49 y %79

  %1a J %4a z %7a

  %1b K %4b { %7b

  %1c L %4c | %7c

  %1d M %4d } %7d

  %1e N %4e ~ %7e

  %1f O %4f   %7f

space %20 P %50 € %80

! %21 Q %51   %81


" %22 R %52 ‚ %82

# %23 S %53 ƒ %83

$ %24 T %54 „ %84

% %25 U %55 … %85

& %26 V %56 † %86

' %27 W %57 ‡ %87

( %28 X %58 ˆ %88

) %29 Y %59 ‰ %89

* %2a Z %5a Š %8a

+ %2b [ %5b ‹ %8b

, %2c %5c Π%8c


- %2d ] %5d   %8d

. %2e ^ %5e Ž %8e

/ %2f _ %5f   %8f

URL-encoding from %90 to %ff

ASCII Value URL-encode ASCII Value URL-encode ASCII Value URL-encode

  %90 À %c0 ð %f0

‘ %91 Á %c1 ñ %f1

’ %92 Â %c2 ò %f2

“ %93 Ã %c3 ó %f3

” %94 Ä %c4 ô %f4

• %95 Å %c5 õ %f5


– %96 Æ %c6 ö %f6

— %97 Ç %c7 ÷ %f7

˜ %98 È %c8 ø %f8

™ %99 É %c9 ù %f9

š %9a Ê %ca ú %fa

› %9b Ë %cb û %fb

œ %9c Ì %cc ü %fc

  %9d Í %cd ý %fd

ž %9e Î %ce þ %fe

Ÿ %9f Ï %cf ÿ %ff

  %a0 Ð %d0    
¡ %a1 Ñ %d1    

¢ %a2 Ò %d2    

£ %a3 Ó %d3    

  %a4 Ô %d4    

¥ %a5 Õ %d5    

| %a6 Ö %d6    

§ %a7   %d7    

¨ %a8 Ø %d8    

© %a9 Ù %d9    

ª %aa Ú %da    

« %ab Û %db    
¬ %ac Ü %dc    

¯ %ad Ý %dd    

® %ae Þ %de    

¯ %af ß %df    

° %b0 à %e0    

± %b1 á %e1    

² %b2 â %e2    

³ %b3 ã %e3    

´ %b4 ä %e4    

µ %b5 å %e5    

¶ %b6 æ %e6    
· %b7 ç %e7    

¸ %b8 è %e8    

¹ %b9 é %e9    

º %ba ê %ea    

» %bb ë %eb    

¼ %bc ì %ec    

½ %bd í %ed    

¾ %be î %ee    

¿ %bf ï %ef

Das könnte Ihnen auch gefallen