Informatik-Kompendium
Text formatieren
Textabsatz
Mit dem <p>Tag lassen sich Textabsätze</ definieren. Die Absätze gehören zu den Block-Elementen und können weitere Inline-Elemente wie z. B. das <br>Tag für einen Zeilenumbruch oder das <font>Tag zur Textformatierung und weitere Elemente z.B. zur logischen und physischen Textauszeichnung aufnehmen.
Ein kleines Beispiel für Absätze:
<p>Dies ist ein Absatz</p>
<p>Und noch ein weiterer Absatz<br>
mit Zeilenumbruch</p>
Physische Auszeichnung von Text
Elemente zur physischen Auszeichnung von Text müssen innerhalb von Block-Elementen stehen (z.B. innerhalb eines Absatzes <p>......</p>).
Folgende Elemente stehen zur physischen Auszeichnung von Text zur Verfügung:
| <b>...</b> | fett |
| <i>...</i> | kursiv |
| <u>...</u> | unterstrichen |
| <tt>...</tt> | dicktengleich |
| <big>...</big> | größer als Normal |
| <small>...</small> | kleiner als Normal |
| <sup>...</sup> | hochgestellt |
| <sub>...</sub> | tiefgestellt |
Logische Auszeichnung von Text
Bei den logischen Elementen zur Textauszeichnung entscheidet der Browser wie der Text darzustellen ist.
Folgende Elemente stehen zur logischen Auszeichnung von Text zur Verfügung:
| <em>...</em> | betont, wichtig |
| <strong>...</strong> | stärker betont |
| <code>...</code> | Quelltext |
| <samp>...</samp> | Beispiel |
| <kbd>...</kbd> | Benutzereingabe |
| <var>...</var> | Variable |
| <cite>...</cite> | Quelle oder Autor |
| <dfn>...</dfn> | Definition |
| <abbr>...</abbr> | Abkürzung |
| <acronym>...</acronym> | Akronym |
| <q cite="Quelle">...</q> | Zitat mit Quellangabe |
Das Font Tag
Auch wenn das Font-Tag veraltet ist und nicht mehr verwendet werden sollte, gibt es dennoch gute Gründe sich damit zu beschäftigen.
Wer sich noch nicht mit CSS auskennt hat wohl nur die Möglichkeit über das Font Tag seine Texte z.B. mit einer anderen Schriftart oder Schriftgröße zu versehen.
Desweiteren taucht das Font Tag noch in sehr sehr vielen Webseiten auf und wird sogar von einigen Webseiten Generatoren und Content-Management-Systemen eingesetzt. Auch wenn man das Font Tag nicht benutzen will, sollte man sich damit trotzdem auskennen.
Wenn das Font Tag benutzt wird sollte darauf geachtet werden, dass im Doctype Transitional ausgewählt ist. Das Font Tag wird innerhalb von Blockelementen wie z.B. Absätze eingesetzt.
Mit dem Font Tag können folgende Eigenschaften definiert werden:
size - gibt die Schriftgröße an. Hier können Werte von 1 bis 7 angegeben werden.
Die Normalschriftgröße ist 3. Bei size handelt es sich um eine relative Angabe, die je nach Benutzereinstellung andere Auswirkungen auf den Text haben kann.
<p>Hier steht ein <font size="4">Beispieltext</font></p>
color - gibt die Schriftfarbe an.
<p>Hier steht ein <font color="#FF1253">Beispieltext</font></p>
face - gibt an welche Schriftart zu verwenden ist. Sie können hier den Namen einer oder mehrerer Schriftarten angeben die durch Komma zu trennen sind. Ist die erste Schriftart beim Benutzer nicht installiert, dann versucht der Browser die nächste Schriftart die angegeben ist zu verwenden.
<p>Hier steht ein <font face="Arial, 'Times New Roman', Helvetica">Beispieltext</font></p>
Sollte der Name einer Schriftart Leerzeichen enthalten, so ist der Name in Hochkomma zu setzen.
Die font Eigenschaften können zusammen verwendet werden:
<p>Hier steht ein <font size="4" color="#FF1253" face="Arial, 'Times New Roman', Helvetica">Beispieltext</font></p>
Linktipps: