banality — design & communication

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 "&#252;" oder 2.) als Entity-Referenz, z.B. ein kleines "ü" als "&uuml;".

Ein paar der wichtigsten Sonderzeichen als Entity:

& &amp;
" &quot;
« &laquo;
» &raquo;
&euro;
© &copy;
® &reg;
ä &auml;
Ä &Auml;
ö &ouml;
Ö &Ouml;
ü &uuml;
Ü &Uuml;
ß &szlig;
Erzwungener
Zeilenwechsel
<br/>

Internetagentur Essen
+49(0)2 01/64 93 24-40
Nachricht schreiben

Internetagentur Bielefeld
+49(0)5 21/7 84 88-27
Nachricht schreiben