Schrift mit xHTML und CSS
Diese Erläuterungen sollen Ihnen eine Hilfestellung bei der Formatierung von Texten in xHTML und CSS sein.
Schriftart:
<span style="font-family: verdana, helvetica, sans-serif;">hier der Beispieltext</span>
ergibt: hier der Beispieltext
Schriftgröße:
<span style="font-size: 14px;">hier der Beispieltext</span>
ergibt: hier der Beispieltext
Textfarbe:
<span style="color: #00FF00;">hier der Beispieltext</span>
ergibt: hier der Beispieltext
kursiv:
<span style="font-style: italic;">hier der Beispieltext</span>
ergibt: hier der Beispieltext
fett:
<span style="font-weight: bold;">hier der Beispieltext</span>
ergibt: hier der Beispieltext
Zeichenabstand einstellen:
<span style="letter-spacing: 5px;">hier der Beispieltext</span>
ergibt: hier der Beispieltext
unterstreichen:
<span style="text-decoration: underline;">hier der Beispieltext</span>
ergibt: hier der Beispieltext
durchstreichen:
<span style="text-decoration: line-through;">hier der Beispieltext</span>
ergibt: hier der Beispieltext
Beispiel für Kombinationen (hier: Schriftart, -größe und -farbe):
<span style="font-family: verdana, helvetica, sans-serif; font-size: 12px; font-weight: bold;">hier der Beispieltext</span>
ergibt: hier der Beispieltext
Sonderzeichen über Zeichennummern einfügen
Es gibt Zeichen, die Sie nicht in ein xHTML-Dokument einfügen können. In xHTML gibt es zwei Möglichkeiten, Sonderzeichen einzufügen: 1.) als Zeichen-Referenz, z.B. ein kleines "ü" als "ü" oder 2.) als Entity-Referenz, z.B. ein kleines "ü" als "ü".
Ein paar der wichtigsten Sonderzeichen als Entity:
| & | & |
| " | " |
| « | « |
| » | » |
| € | € |
| © | © |
| ® | ® |
| ä | ä |
| Ä | Ä |
| ö | ö |
| Ö | Ö |
| ü | ü |
| Ü | Ü |
| ß | ß |
| Erzwungener Zeilenwechsel |
<br/> |
