10.1 Beginn der Formatierung
Die Formatierung von Text mit den Tags <b>, <strong>, <i>,
<em>, <u> und <small> ermöglicht es Webentwicklern,
die Lesbarkeit zu verbessern und den Fokus auf bestimmte Teile des Textes zu lenken. Jeder dieser Tags hat eine spezifische Verwendung:
<b>: Fettschrift ohne zusätzliche Bedeutung<strong>: Fettschrift mit Hervorhebung der Wichtigkeit<i>: Kursivschrift für stilistische Hervorhebung<em>: Kursivschrift mit logischer oder inhaltlicher Betonung<u>: Unterstrichener Text für visuelle Hervorhebung<small>: Kleiner Text für nebensächliche Information
Das Verstehen und die richtige Verwendung dieser Tags helfen dabei, klarere und visuell ansprechendere Webseiten zu erstellen.
Wichtige Tags für die Textformatierung
Tag <b> und <strong>
Der Tag <b> wird verwendet, um Text fett darzustellen, jedoch ohne besondere semantische Bedeutung. Der Tag <strong>
macht den Text ebenfalls fett, verleiht ihm jedoch zusätzliche semantische Bedeutung, um auf die Wichtigkeit oder Bedeutung des Textes hinzuweisen.
<p>Dieser Text ist <b>fett</b>, und dieser Text ist <strong>sehr wichtig und fett</strong>.</p>
Tag <i> und <em>
Der Tag <i> wird verwendet, um Text kursiv darzustellen, ohne besondere semantische Bedeutung.
Der Tag <em> macht den Text kursiv und weist auf die Betonung oder Wichtigkeit des Textes hin.
<p>Dieser Text ist <i>kursiv</i>, und dieser Text ist <em>sehr wichtig und kursiv</em>.</p>
Tag <u> und <ins>
Der Tag <u> wird verwendet, um Text zu unterstreichen. Der Tag <ins> unterstreicht den Text ebenfalls,
wird jedoch zur Markierung von eingefügtem Text verwendet, was im Kontext von Änderungsverfolgung sinnvoll ist.
<p>Dieser Text ist <u>unterstrichen</u>, und dieser Text ist <ins>eingelegt und unterstrichen</ins>.</p>
Tag <s> und <del>
Der Tag <s> wird verwendet, um Text zu durchstreichen. Der Tag <del> streicht den Text ebenfalls durch,
weist jedoch auf die Entfernung des Textes hin, was im Kontext von Änderungsverfolgung sinnvoll ist.
<p>Dieser Text ist <s>durchgestrichen</s>, und dieser Text ist <del>gelöscht und durchgestrichen</del>.</p>
Tag <mark>
Der Tag <mark> wird verwendet, um Text hervorzuheben, der im aktuellen Kontext von besonderer Bedeutung oder Wichtigkeit ist.
Der Text innerhalb von <mark> wird mit einem gelben Hintergrund angezeigt.
<p>Dieser Text ist <mark>hervorgehoben</mark> zur Aufmerksamkeitslenkung.</p>
Tag <small>
Der Tag <small> wird verwendet, um Text in kleinerer Schriftgröße im Vergleich zum normalen Text darzustellen.
<p>Dies ist der Haupttext, und das ist <small>kleiner Text</small>.</p>
Tag <sub> und <sup>
Die Tags <sub> und <sup> werden verwendet, um tiefgestellten und hochgestellten Text zu erstellen.
<p>Dies ist ein Text mit tiefgestelltem Index H<sub>2</sub>O und hochgestelltem Index x<sup>2</sup>.</p>
10.2 Zeilenumbrüche
Tag <br>
Der Tag <br> wird verwendet, um einen Zeilenumbruch einzufügen, der den Text in eine neue Zeile versetzt ohne einen neuen Absatz zu erstellen.
<p>Dies ist ein Text mit einem Zeilenumbruch <br>innerhalb eines Absatzes.</p>
Tag <hr>
Der Tag <hr> wird verwendet, um eine horizontale Linie einzufügen, die den Inhalt auf einer Webseite visuell trennt.
<p>Text über der Linie.</p>
<hr>
<p>Text unter der Linie.</p>
GO TO FULL VERSION