Fließtext mit Auszeichnung und Ausrichtung
Absatzgestaltung in HTML Ein zentraler HTML-Tag für die Textstrukturierung ist der <p>-Tag, der für Absätze verwendet wird. Absätze helfen, Texte lesbarer zu machen – ein erster Schritt, um Textwüsten zu vermeiden.
Standardmäßig erzeugt ein Absatz einen Abstand zum nächsten Element. Die genaue Größe dieses Abstands fällt in den Bereich des Designs und wird mit CSS angepasst (dazu später mehr).
<p>Hier kommt unser erster Test des Absatz-Tags.</p>
<p>Hallo Welt!</p>
Textbereiche fett hervorheben mit <b></b> und <strong></strong>
Dafür stehen zwei verschiedene HTML-Tags zur Verfügung:
- <b>: Steht für „bold“ (fett) und wird oft für rein optische Hervorhebungen genutzt.
- <strong>: Bedeutet „stark“ oder „überzeugend“ und drückt zusätzlich semantische Wichtigkeit aus.
Hinweis: Vergiss nicht, den schließenden Tag zu setzen, sonst wird der gesamte folgende Text fett dargestellt!
<p>Das Wort <b>fett</b> wird optisch hervorgehoben.</p>
<p>Das Wort <strong>wichtig</strong> wird sowohl fett dargestellt als auch semantisch hervorgehoben.</p>
Info: Der <br>-Tag ist eine Abkürzung für „break“ (englisch für Umbruch).
Textausrichtung mit dem align-Attribut
HTML erlaubt es, Texte durch das Attribut align auszurichten. Beispiele:
<p align="right"> Dieser Text ist rechtsbündig.</p>
<p align="center"> Dieser Text ist zentriert.</p>
Hinweis: Linksbündiger Text muss nicht explizit ausgezeichnet werden, da dies die Standardausrichtung ist.
Unterstreichung und Kursivschrift
Der <u>-Tag unterstreicht Texte.
<p>Dieser Text ist <u>unterstrichen</u>.</p> <p>Das Wort <i>kursiv</i>ist geneigt dargestellt.</p>