HTML -Textformatierung
HTML enthält mehrere Elemente zum Definieren von Text mit einer speziellen Bedeutung.
Beispiel
This text is bold
This text is italic
This is subscript and superscript
HTML-Formatierungselemente
Formatierungselemente wurden entwickelt, um spezielle Textarten anzuzeigen:
<b>- Fetter Text<strong>- Wichtiger Text<i>- Kursiver Text<em>- Hervorgehobener Text<mark>- Markierter Text<small>- Kleinerer Text<del>- Gelöschter Text<ins>- Eingefügter Text<sub>- Tiefgestellter Text<sup>- Hochgestellter Text
HTML <b>- und <strong>-Elemente
Das HTML <b>-Element definiert fetten Text ohne zusätzliche Wichtigkeit.
Beispiel
<b>This text is bold</b>
Das HTML <strong>-Element definiert Text mit starker Wichtigkeit. Der darin enthaltene Inhalt wird normalerweise fett dargestellt.
Beispiel
<strong>This text is
important!</strong>
HTML-Elemente <i> und <em>
Das HTML <i>-Element definiert einen Teil des Textes in einer alternativen Stimme oder Stimmung. Der darin enthaltene Inhalt wird normalerweise kursiv dargestellt.
Tipp: Das <i>Tag wird oft verwendet, um einen Fachbegriff, einen Satz aus einer anderen Sprache, einen Gedanken, einen Schiffsnamen usw.
Beispiel
<i>This text is italic</i>
Das HTML <em>-Element definiert hervorgehobenen Text. Der darin enthaltene Inhalt wird normalerweise kursiv dargestellt.
Tipp: Ein Screenreader spricht die Wörter <em>
mit Betonung aus, indem er verbale Betonung verwendet.
Beispiel
<em>This text is
emphasized</em>
HTML <klein>-Element
Das HTML <small>-Element definiert kleineren Text:
Beispiel
<small>This is some smaller text.</small>
HTML <mark>-Element
Das HTML <mark>-Element definiert Text, der markiert oder hervorgehoben werden soll:
Beispiel
<p>Do not forget to buy <mark>milk</mark> today.</p>
HTML <del>-Element
Das HTML <del>-Element definiert Text, der aus einem Dokument gelöscht wurde. Browser streichen normalerweise einen Strich durch gelöschten Text:
Beispiel
<p>My favorite color is <del>blue</del> red.</p>
HTML <ins>-Element
Das HTML <ins>-Element definiert einen Text, der in ein Dokument eingefügt wurde. Browser unterstreichen normalerweise eingefügten Text:
Beispiel
<p>My favorite color is <del>blue</del> <ins>red</ins>.</p>
HTML-<sub>-Element
Das HTML <sub>-Element definiert tiefgestellten Text. Tiefgestellter Text erscheint ein halbes Zeichen unter der normalen Zeile und wird manchmal in einer kleineren Schriftart wiedergegeben. Tiefgestellter Text kann für chemische Formeln wie H 2 O verwendet werden:
Beispiel
<p>This
is <sub>subscripted</sub> text.</p>
HTML-<sup>-Element
Das HTML <sup>-Element definiert hochgestellten Text. Hochgestellter Text erscheint ein halbes Zeichen über der normalen Zeile und wird manchmal in einer kleineren Schriftart wiedergegeben. Hochgestellter Text kann für Fußnoten verwendet werden, wie WWW [1] :
Beispiel
<p>This
is <sup>superscripted</sup> text.</p>
HTML-Übungen
HTML-Textformatierungselemente
| Tag | Description |
|---|---|
| <b> | Defines bold text |
| <em> | Defines emphasized text |
| <i> | Defines a part of text in an alternate voice or mood |
| <small> | Defines smaller text |
| <strong> | Defines important text |
| <sub> | Defines subscripted text |
| <sup> | Defines superscripted text |
| <ins> | Defines inserted text |
| <del> | Defines deleted text |
| <mark> | Defines marked/highlighted text |
Eine vollständige Liste aller verfügbaren HTML-Tags finden Sie in unserer HTML-Tag-Referenz .