You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

643 lines
15 KiB
HTML

This file contains invisible Unicode characters!

This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden characters.

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head><title>HTML-Sonderzeichen</title>
<meta name="author" content="Rolf-Fredrik Matthaei">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" language="Javascript" src="Htmlsonderzeichen-Dateien/navigate.js">
</script>
<link rel="stylesheet" type="text/css" href="Htmlsonderzeichen-Dateien/gelb.css"></head><body>
<table align="center" border="2" bordercolor="red" cellpadding="5" cellspacing="0">
<tbody><tr>
<td bgcolor="#003366">
<h4><font color="white">HTML-Sonderzeichen</font></h4>
</td>
<td valign="top"><a href="http://home.arcor.de/fredrik.matthaei/HTML/index.htm" onmouseover="MausDrauf(0)" onmouseout="MausWeg(0)"><img src="Htmlsonderzeichen-Dateien/zurueckoff.gif" border="0" height="19" width="32"><br>
Auswahlseite</a></td>
</tr>
</tbody></table>
<table align="center" border="2" bordercolor="red" cellpadding="5" cellspacing="0" width="600">
<tbody><tr>
<td colspan="2" bgcolor="white">Sonderzeichen sind länderspezifische
Buchstaben und HTML-eigene Steuerzeichen, die umgangen werden müssen.
Es gibt zwei Arten der Sonderzeichencodierung<b>:</b>
<ul>
<li>Benannte Zeichen haben einen eigenen Namen, dem ein kaufmännisches UND ("&amp;") vorangestellt und ein Semikolon angehängt wird.</li>
<li>Im Unicode werden alle bekannten Zeichen einer Schriftkultur
notiert. Mit diesem System können 255 Zeichen kodiert werden.
Allerdings kann der Unicode nicht gänzlich umgesetzt werden, da die
Darstellung zeichensatzabhängig ist. Notiert wird er mit einem
kaufmännischen UND ("&amp;"), einem Doppelkreuz, der Unicode-Nummer und
einem abschließenden Semikolon.</li>
</ul>
</td>
</tr>
<tr>
<td colspan="2" bgcolor="#00ffff">
<h4>Noch eine gute Nachricht:</h4>
Ab der HTML-Version 4.0 kann man das Thema "benannte Sonderzeichen" und "Unicode" <b>weitgehend</b>
ignorieren. Es genügt dann, im HEAD-Bereich eine entsprechende Angabe
zum gewünschten Zeichensatz, und schon stimmen die Zeichen der
Tastatur mit der Abbildung auf dem Bildschirm überein. <b>Ganz</b>
ignorieren kann man die beiden Themen jedoch nicht, denn der Bildschirm
kann mehr Zeichen darstellen, als auf der Tastatur abgebildet sind. In
Europa verwendet man
meistens:<br>
&lt;meta http-equiv="content-type" content="text/html; charset=iso-8859-1"&gt;
<hr>
<h4>Tarnen von Email-Adressen:</h4>
<p>Email-Adressen in Webseiten werden von manchen Firmen gesammelt, um
Opfer für Werbe-Mails zu finden. Wenn man als Web-Autor die eigene
Email-Adresse in Unicode codiert angibt, haben viele der
Adresssammelroboter Schwierigkeiten.</p>
<p>In der Browserdarstellung erscheint die Email-Adresse weiterhin in Klarschrift.</p>
<p><b>Anwendungsbeispiel in HTML_Codierung:</b><br>
<font color="red">Meine E-Mail-Adresse: &amp;#102;&amp;#114;&amp;#101;&amp;#100;&amp;#114;&amp;#105;&amp;#107;<br>&amp;#46;&amp;#109;&amp;#97;&amp;#116;&amp;#116;&amp;#104;&amp;#97;&amp;#101;&amp;#105;&amp;#64;hugo.de</font></p>
<p><b>Darstellung im Browser:</b><br>
<font color="red">Meine E-Mail-Adresse: fredrik.matthaei@hugo.de</font><br>
</p>
</td>
</tr>
<tr>
<td colspan="2" align="center" bgcolor="yellow">
<h4>Einige benannte Zeichen</h4>
</td>
</tr>
<tr bgcolor="yellow">
<td>
<pre>&amp;quot; " Anführungszeichen
&amp;amp; &amp;
&amp;iexcl; ¡ umgekehrtes Ausrufezeichen
&amp;iquest; ¿ umgekehrtes Fragezeichen
&amp;lsquo; &#8216;
&amp;rsquo; &#8217;
&amp;ldquo; &#8220;
&amp;rdquo; &#8221;
&amp;bdquo; &#8222;
&amp;lt; &lt;
&amp;gt; &gt;
&amp;pound; £ Pfundzeichen
&amp;euro; &#8364; Eurozeichen
&amp;cent; ¢ Centzeichen
&amp;yen; ¥ Yen-Zeichen
&amp;curren; ¤ Währungszeichen
&amp;sect; § Paragraphenzeichen
&amp;copy; © Copyright
&amp;reg; ® eingetragene Marke
&amp;trade; &#8482; Trademark-Zeichen
</pre>
</td>
<td>
<pre>&amp;sup3; ³ hochgestellte 3
&amp;sup2; ² hochgestellte 2
&amp;sup1; ¹ hochgestellte 1
&amp;frac12; ½
&amp;frac14; ¼
&amp;frac34; ¾
&amp;micro; µ Microzeichen
&amp;alpha; &#945; alpha
&amp;beta; &#946; beta
&amp;lambda; &#955; lambda (z.B. Wellenlänge)
&amp;omega; &#969; omega (z.B. Kreisfrequenz)
&amp;Omega; &#937; Omega (z.B. Widerstand)
&amp;phi; &#966;
&amp;psi; &#968;
&amp;pi; &#960; Kreiszahl
&amp;Pi &#928;
&amp;para; ¶ Absatz-Zeichen
&amp;auml; ä deutsche Umlaute
&amp;Auml; Ä
&amp;ouml; ö
&amp;Ouml; Ö
&amp;uuml; ü
&amp;Uuml; Ü
&amp;szlig; ß
&amp;spades; &#9824; Pik-Zeichen
&amp;clubs; &#9827; Kreuz-Zeichen
&amp;hearts; &#9829; Herz-Zeichen
&amp;diams; &#9830; Karo-Zeichen
&amp;plusmn; ± plusminus
&amp;deg; ° Grad
&amp;not; ¬ logisches "nicht"
&amp;Oslash; Ø durchgestrichenes O,
wie ein Durchmesserzeichen
&amp;radic; &#8730; Wurzelzeichen
&amp;dagger; &#8224; Kreuzzeichen</pre>
</td>
</tr>
</tbody></table>
<table align="center" border="2" bordercolor="red" cellpadding="0" cellspacing="0" width="600">
<tbody><tr>
<td colspan="16" align="center" bgcolor="#a0ff00">
<h4>Sonderzeichen im Unicode</h4>
</td>
</tr>
<tr align="center">
<td width="10%">&amp;#123;</td>
<td bgcolor="#00dc00"><b>{</b></td>
<td width="10%">&amp;#124;</td>
<td bgcolor="#00dc00"><b>|</b></td>
<td width="10%">&amp;#125;</td>
<td bgcolor="#00dc00"><b>}</b></td>
<td width="10%">&amp;#126;</td>
<td bgcolor="#00dc00"><b>~</b></td>
<td width="10%">&amp;#127;</td>
<td bgcolor="#00dc00"><b>&#127;</b></td>
<td width="10%">&amp;#130;</td>
<td bgcolor="#00dc00"><b>&#8218;</b></td>
<td width="10%">&amp;#131;</td>
<td bgcolor="#00dc00"><b>&#402;</b></td>
<td width="10%">&amp;#132;</td>
<td bgcolor="#00dc00"><b>&#8222;</b></td>
</tr>
<tr align="center">
<td>&amp;#133;</td>
<td bgcolor="#00dc00"><b>&#8230;</b></td>
<td>&amp;#134;</td>
<td bgcolor="#00dc00"><b>&#8224;</b></td>
<td>&amp;#135;</td>
<td bgcolor="#00dc00"><b>&#8225;</b></td>
<td>&amp;#136;</td>
<td bgcolor="#00dc00"><b>&#710;</b></td>
<td>&amp;#137;</td>
<td bgcolor="#00dc00"><b>&#8240;</b></td>
<td>&amp;#138;</td>
<td bgcolor="#00dc00"><b>&#352;</b></td>
<td>&amp;#139;</td>
<td bgcolor="#00dc00"><b>&#8249;</b></td>
<td>&amp;#140;</td>
<td bgcolor="#00dc00"><b>&#338;</b></td>
</tr>
<tr align="center">
<td>&amp;#145;</td>
<td bgcolor="#00dc00"><b>&#8216;</b></td>
<td>&amp;#146;</td>
<td bgcolor="#00dc00"><b>&#8217;</b></td>
<td>&amp;#147;</td>
<td bgcolor="#00dc00"><b>&#8220;</b></td>
<td>&amp;#148;</td>
<td bgcolor="#00dc00"><b>&#8221;</b></td>
<td>&amp;#149;</td>
<td bgcolor="#00dc00"><b>&#8226;</b></td>
<td>&amp;#150;</td>
<td bgcolor="#00dc00"><b>&#8211;</b></td>
<td>&amp;#151;</td>
<td bgcolor="#00dc00"><b>&#8212;</b></td>
<td>&amp;#152;</td>
<td bgcolor="#00dc00"><b>&#732;</b></td>
</tr>
<tr align="center">
<td>&amp;#153;</td>
<td bgcolor="#00dc00"><b>&#8482;</b></td>
<td>&amp;#154;</td>
<td bgcolor="#00dc00"><b>&#353;</b></td>
<td>&amp;#155;</td>
<td bgcolor="#00dc00"><b>&#8250;</b></td>
<td>&amp;#156;</td>
<td bgcolor="#00dc00"><b>&#339;</b></td>
<td>&amp;#157;</td>
<td bgcolor="#00dc00"><b>&nbsp;</b></td>
<td>&amp;#158;</td>
<td bgcolor="#00dc00"><b>&nbsp;</b></td>
<td>&amp;#159;</td>
<td bgcolor="#00dc00"><b>&#376;</b></td>
<td>&amp;#160;</td>
<td bgcolor="#00dc00"><b><font size="-1">Space</font></b></td>
</tr>
<tr align="center">
<td>&amp;#161;</td>
<td bgcolor="#00dc00"><b>¡</b></td>
<td>&amp;#162;</td>
<td bgcolor="#00dc00"><b>¢</b></td>
<td>&amp;#163;</td>
<td bgcolor="#00dc00"><b>£</b></td>
<td>&amp;#164;</td>
<td bgcolor="#00dc00"><b>¤</b></td>
<td>&amp;#165;</td>
<td bgcolor="#00dc00"><b>¥</b></td>
<td>&amp;#166;</td>
<td bgcolor="#00dc00"><b>¦</b></td>
<td>&amp;#167;</td>
<td bgcolor="#00dc00"><b>§</b></td>
<td>&amp;#168;</td>
<td bgcolor="#00dc00"><b>¨</b></td>
</tr>
<tr align="center">
<td>&amp;#169;</td>
<td bgcolor="#00dc00"><b>©</b></td>
<td>&amp;#170;</td>
<td bgcolor="#00dc00"><b>ª</b></td>
<td>&amp;#171;</td>
<td bgcolor="#00dc00"><b>«</b></td>
<td>&amp;#172;</td>
<td bgcolor="#00dc00"><b>¬</b></td>
<td>&amp;#173;</td>
<td bgcolor="#00dc00"><b>­</b></td>
<td>&amp;#174;</td>
<td bgcolor="#00dc00"><b>®</b></td>
<td>&amp;#175;</td>
<td bgcolor="#00dc00"><b>¯</b></td>
<td>&amp;#176;</td>
<td bgcolor="#00dc00"><b>°</b></td>
</tr>
<tr align="center">
<td>&amp;#177;</td>
<td bgcolor="#00dc00"><b>±</b></td>
<td>&amp;#178;</td>
<td bgcolor="#00dc00"><b>²</b></td>
<td>&amp;#179;</td>
<td bgcolor="#00dc00"><b>³</b></td>
<td>&amp;#180;</td>
<td bgcolor="#00dc00"><b>´</b></td>
<td>&amp;#181;</td>
<td bgcolor="#00dc00"><b>µ</b></td>
<td>&amp;#182;</td>
<td bgcolor="#00dc00"><b></b></td>
<td>&amp;#183;</td>
<td bgcolor="#00dc00"><b>·</b></td>
<td>&amp;#184;</td>
<td bgcolor="#00dc00"><b>¸</b></td>
</tr>
<tr align="center">
<td>&amp;#185;</td>
<td bgcolor="#00dc00"><b>¹</b></td>
<td>&amp;#186;</td>
<td bgcolor="#00dc00"><b>º</b></td>
<td>&amp;#187;</td>
<td bgcolor="#00dc00"><b>»</b></td>
<td>&amp;#188;</td>
<td bgcolor="#00dc00"><b>¼</b></td>
<td>&amp;#189;</td>
<td bgcolor="#00dc00"><b>½</b></td>
<td>&amp;#190;</td>
<td bgcolor="#00dc00"><b>¾</b></td>
<td>&amp;#191;</td>
<td bgcolor="#00dc00"><b>¿</b></td>
<td>&amp;#192;</td>
<td bgcolor="#00dc00"><b>À</b></td>
</tr>
<tr align="center">
<td>&amp;#193;</td>
<td bgcolor="#00dc00"><b>Á</b></td>
<td>&amp;#194;</td>
<td bgcolor="#00dc00"><b>Â</b></td>
<td>&amp;#195;</td>
<td bgcolor="#00dc00"><b>Ã</b></td>
<td>&amp;#196;</td>
<td bgcolor="#00dc00"><b>Ä</b></td>
<td>&amp;#197;</td>
<td bgcolor="#00dc00"><b>Å</b></td>
<td>&amp;#198;</td>
<td bgcolor="#00dc00"><b>Æ</b></td>
<td>&amp;#199;</td>
<td bgcolor="#00dc00"><b>Ç</b></td>
<td>&amp;#200;</td>
<td bgcolor="#00dc00"><b>È</b></td>
</tr>
<tr align="center">
<td>&amp;#201;</td>
<td bgcolor="#00dc00"><b>É</b></td>
<td>&amp;#202;</td>
<td bgcolor="#00dc00"><b>Ê</b></td>
<td>&amp;#203;</td>
<td bgcolor="#00dc00"><b>Ë</b></td>
<td>&amp;#204;</td>
<td bgcolor="#00dc00"><b>Ì</b></td>
<td>&amp;#205;</td>
<td bgcolor="#00dc00"><b>Í</b></td>
<td>&amp;#206;</td>
<td bgcolor="#00dc00"><b>Î</b></td>
<td>&amp;#207;</td>
<td bgcolor="#00dc00"><b>Ï</b></td>
<td>&amp;#208;</td>
<td bgcolor="#00dc00"><b>Ð</b></td>
</tr>
<tr align="center">
<td>&amp;#209;</td>
<td bgcolor="#00dc00"><b>Ñ</b></td>
<td>&amp;#210;</td>
<td bgcolor="#00dc00"><b>Ò</b></td>
<td>&amp;#211;</td>
<td bgcolor="#00dc00"><b>Ó</b></td>
<td>&amp;#212;</td>
<td bgcolor="#00dc00"><b>Ô</b></td>
<td>&amp;#213;</td>
<td bgcolor="#00dc00"><b>Õ</b></td>
<td>&amp;#214;</td>
<td bgcolor="#00dc00"><b>Ö</b></td>
<td>&amp;#215;</td>
<td bgcolor="#00dc00"><b>×</b></td>
<td>&amp;#216;</td>
<td bgcolor="#00dc00"><b>Ø</b></td>
</tr>
<tr align="center">
<td>&amp;#217;</td>
<td bgcolor="#00dc00"><b>Ù</b></td>
<td>&amp;#218;</td>
<td bgcolor="#00dc00"><b>Ú</b></td>
<td>&amp;#219;</td>
<td bgcolor="#00dc00"><b>Û</b></td>
<td>&amp;#220;</td>
<td bgcolor="#00dc00"><b>Ü</b></td>
<td>&amp;#221;</td>
<td bgcolor="#00dc00"><b>Ý</b></td>
<td>&amp;#222;</td>
<td bgcolor="#00dc00"><b>Þ</b></td>
<td>&amp;#223;</td>
<td bgcolor="#00dc00"><b>ß</b></td>
<td>&amp;#224;</td>
<td bgcolor="#00dc00"><b>à</b></td>
</tr>
<tr align="center">
<td>&amp;#225;</td>
<td bgcolor="#00dc00"><b>á</b></td>
<td>&amp;#226;</td>
<td bgcolor="#00dc00"><b>â</b></td>
<td>&amp;#227;</td>
<td bgcolor="#00dc00"><b>ã</b></td>
<td>&amp;#228;</td>
<td bgcolor="#00dc00"><b>ä</b></td>
<td>&amp;#229;</td>
<td bgcolor="#00dc00"><b>å</b></td>
<td>&amp;#230;</td>
<td bgcolor="#00dc00"><b>æ</b></td>
<td>&amp;#231;</td>
<td bgcolor="#00dc00"><b>ç</b></td>
<td>&amp;#232;</td>
<td bgcolor="#00dc00"><b>è</b></td>
</tr>
<tr align="center">
<td>&amp;#233;</td>
<td bgcolor="#00dc00"><b>é</b></td>
<td>&amp;#234;</td>
<td bgcolor="#00dc00"><b>ê</b></td>
<td>&amp;#235;</td>
<td bgcolor="#00dc00"><b>ë</b></td>
<td>&amp;#236;</td>
<td bgcolor="#00dc00"><b>ì</b></td>
<td>&amp;#237;</td>
<td bgcolor="#00dc00"><b>í</b></td>
<td>&amp;#238;</td>
<td bgcolor="#00dc00"><b>î</b></td>
<td>&amp;#239;</td>
<td bgcolor="#00dc00"><b>ï</b></td>
<td>&amp;#240;</td>
<td bgcolor="#00dc00"><b>ð</b></td>
</tr>
<tr align="center">
<td>&amp;#241;</td>
<td bgcolor="#00dc00"><b>ñ</b></td>
<td>&amp;#242;</td>
<td bgcolor="#00dc00"><b>ò</b></td>
<td>&amp;#243;</td>
<td bgcolor="#00dc00"><b>ó</b></td>
<td>&amp;#244;</td>
<td bgcolor="#00dc00"><b>ô</b></td>
<td>&amp;#245;</td>
<td bgcolor="#00dc00"><b>õ</b></td>
<td>&amp;#246;</td>
<td bgcolor="#00dc00"><b>ö</b></td>
<td>&amp;#247;</td>
<td bgcolor="#00dc00"><b>÷</b></td>
<td>&amp;#248;</td>
<td bgcolor="#00dc00"><b>ø</b></td>
</tr>
<tr align="center">
<td>&amp;#249;</td>
<td bgcolor="#00dc00"><b>ù</b></td>
<td>&amp;#250;</td>
<td bgcolor="#00dc00"><b>ú</b></td>
<td>&amp;#251;</td>
<td bgcolor="#00dc00"><b>û</b></td>
<td>&amp;#252;</td>
<td bgcolor="#00dc00"><b>ü</b></td>
<td>&amp;#253;</td>
<td bgcolor="#00dc00"><b>ý</b></td>
<td>&amp;#254;</td>
<td bgcolor="#00dc00"><b>þ</b></td>
<td>&amp;#255;</td>
<td bgcolor="#00dc00"><b>ÿ</b></td>
<td>&nbsp;</td>
<td bgcolor="#00dc00">&nbsp;</td>
</tr>
<tr>
<td colspan="16" bgcolor="#a0ff00">Hinweis: Statt <b>&amp;#132;</b> für das Anführungszeichen <b>&#8222;</b> sollte man besser <b>&amp;#8222;</b> nehmen, da <b>&amp;#132;</b> mit einem Steuerzeichen verwechselt werden kann.
<p>Recht nützlich kann <b>&amp;#8211;</b> sein. Es ist ein Strich (&#8211;), der lückenlos aneinandergesetzt werden kann: &#8211;&#8211;&#8211;.</p>
</td>
</tr>
</tbody></table>
<table align="center" border="2" bordercolor="red" cellpadding="0" cellspacing="0">
<tbody><tr>
<td colspan="6" align="center" bgcolor="#a0ff00">
<h4>"Normale" Zeichen im Unicode</h4>
</td>
</tr>
<tr>
<td colspan="2">
<p><b>Großschrift</b></p>
</td>
<td colspan="2">
<p><b>Kleinschrift</b></p>
</td>
<td colspan="2">
<p><b>Ziffern und<br>
Satzzeichen</b></p>
</td>
</tr>
<tr valign="top">
<td align="center">
<p>&amp;#65;<br>
&amp;#66;<br>
&amp;#67;<br>
&amp;#68;<br>
&amp;#69;<br>
&amp;#70;<br>
&amp;#71;<br>
&amp;#72;<br>
&amp;#73;<br>
&amp;#74;<br>
&amp;#75;<br>
&amp;#76;<br>
&amp;#77;<br>
&amp;#78;<br>
&amp;#79;<br>
&amp;#80;<br>
&amp;#81;<br>
&amp;#82;<br>
&amp;#83;<br>
&amp;#84;<br>
&amp;#85;<br>
&amp;#86;<br>
&amp;#87;<br>
&amp;#88;<br>
&amp;#89;<br>
&amp;#90;<br>
</p>
</td>
<td align="center" bgcolor="#00dc00">
<p><b>A<br>
B<br>
C<br>
D<br>
E<br>
F<br>
G<br>
H<br>
I<br>
J<br>
K<br>
L<br>
M<br>
N<br>
O<br>
P<br>
Q<br>
R<br>
S<br>
T<br>
U<br>
V<br>
W<br>
X<br>
Y<br>
Z</b><br>
</p>
</td>
<td>
<p>&amp;#97;<br>
&amp;#98;<br>
&amp;#99;<br>
&amp;#100;<br>
&amp;#101;<br>
&amp;#102;<br>
&amp;#103;<br>
&amp;#104;<br>
&amp;#105;<br>
&amp;#106;<br>
&amp;#107;<br>
&amp;#108;<br>
&amp;#109;<br>
&amp;#110;<br>
&amp;#111;<br>
&amp;#112;<br>
&amp;#113;<br>
&amp;#114;<br>
&amp;#115;<br>
&amp;#116;<br>
&amp;#117;<br>
&amp;#118;<br>
&amp;#119;<br>
&amp;#120;<br>
&amp;#121;<br>
&amp;#122;<br>
</p>
</td>
<td align="center" bgcolor="#00dc00">
<p><b>a<br>
b<br>
c<br>
d<br>
e<br>
f<br>
g<br>
h<br>
i<br>
j<br>
k<br>
l<br>
m<br>
n<br>
o<br>
p<br>
q<br>
r<br>
s<br>
t<br>
u<br>
v<br>
w<br>
x<br>
y<br>
z</b><br>
</p>
</td>
<td>
<p>&amp;#45;<br>
&amp;#46;<br>
&amp;#48;<br>
&amp;#49;<br>
&amp;#50;<br>
&amp;#51;<br>
&amp;#52;<br>
&amp;#53;<br>
&amp;#54;<br>
&amp;#55;<br>
&amp;#56;<br>
&amp;#57;<br>
&amp;#64;<br>
&amp;#95;</p>
</td>
<td align="center" bgcolor="#00dc00">
<p><b>-<br>
.<br>
0<br>
1<br>
2<br>
3<br>
4<br>
5<br>
6<br>
7<br>
8<br>
9<br>
@<br>
_</b><br>
</p>
</td>
</tr>
</tbody></table>
</body></html>