BESTE WEBSITE FÜR WEBENTWICKLER
HTML5-Lektionen für Anfänger

Ua En Es Fr

HTML Textformatierung


HTML enthält mehrere Elemente zum Definieren von Text mit einer besonderen Bedeutung.


Beispiel

Dieser Text ist fett

Dieser Text ist kursiv

Dies isttiefgestellt und hochgestellt

Try it Yourself »

Formatierungselemente

Formatierungselemente wurden entwickelt, um spezielle Texttypen anzuzeigen:

  • <b> - Fettgedruckter Text
  • <strong> - Wichtiger Text
  • <i> - Kursiver Text
  • <em> - Hervorgehobener Text
  • <mark> - Markierter Text
  • <small> - Kleinerer Text
  • <del> - Gelöschter Text
  • <ins> - Text eingefügt
  • <sub> - Tiefgestellter Text
  • <sup> - Hochgestellter Text

HTML <b> und <strong> Elemente

Das HTML-Element <b> definiert fetten Text ohne zusätzliche Bedeutung.

Beispiel

<b>Dieser Text ist fett</b>
Try it Yourself »

Das HTML-Element <strong> definiert Text mit hoher Bedeutung. Der darin enthaltene Inhalt wird normalerweise in Fettschrift angezeigt.

Beispiel

<strong>Dieser Text ist wichtig!</strong>
Try it Yourself »

HTML <i> und <em> Elemente

Das HTML-Element <i> definiert einen Teil des Textes in einer alternativen Stimme oder Stimmung. Der darin enthaltene Inhalt wird normalerweise kursiv angezeigt.

Tipp: Das <i>-Tag wird oft verwendet, um einen Fachbegriff, eine Phrase aus einer anderen Sprache, einen Gedanken usw. anzugeben Schiffsname usw.

Beispiel

<i>Dieser Text ist kursiv</i>
Try it Yourself »

Das HTML-Element <em> definiert hervorgehobenen Text. Der darin enthaltene Inhalt wird normalerweise kursiv angezeigt.

Tipp: Ein Screenreader spricht die Wörter in <em> mit Betonung und verbaler Betonung aus.

Beispiel

<em>Dies ist ein Text, der hervorgehoben wird</em>
Try it Yourself »

HTML <small> Element

Das HTML-Element <small> definiert kleineren Text:

Beispiel

<small>Dies ist ein kleinerer Text.</small>
Try it Yourself »

HTML <mark> Element

Das HTML-Element <mark> definiert Text, der markiert oder hervorgehoben werden soll:

Beispiel

<p>Vergessen Sie nicht, noch heute <mark>Milch</mark> zu kaufen.</p>
Try it Yourself »

HTML <del> Element

Das HTML-Element <del> definiert Text, der aus einem Dokument gelöscht wurde. Browser streichen normalerweise eine Zeile durch einen gelöschten Text:

Beispiel

<p>Meine Lieblingsfarbe ist <del>blau</del> rot.</p>
Try it Yourself »

HTML <ins> Element

Das HTML-Element <ins> definiert einen Text, der in ein Dokument eingefügt wurde. Browser unterstreichen normalerweise eingefügten Text:

Beispiel

<p>Meine Lieblingsfarbe ist <del>blau</del> <ins>rot</ins>.</p>
Try it Yourself »

HTML <sub> Element

Das HTML-Element <sub> definiert tiefgestellten Text. Tiefgestellter Text erscheint ein halbes Zeichen unter der Normalzeile und wird manchmal in einer kleineren Schriftart dargestellt. Tiefgestellter Text kann beispielsweise für chemische Formeln verwendet werden H2O:

Beispiel

<p>Dies ist ein <sub>tiefgestellter</sub> Text.</p>
Try it Yourself »

HTML <sup> Element

Das HTML-Element <sup> definiert hochgestellten Text. Hochgestellter Text erscheint ein halbes Zeichen über der Normalzeile und wird manchmal in einer kleineren Schriftart dargestellt. Hochgestellter Text kann beispielsweise für Fußnoten verwendet werden WWW[1]:

Beispiel

<p>Dies ist <sup>hochgestellter</sup> Text.</p>
Try it Yourself »

HTML Übungen

Testen Sie sich mit Übungen

Übung:

Fügen Sie dem Wort "degradation" („Herabwürdigung“) im folgenden Absatz zusätzliche Bedeutung hinzu.

<p>
WWF's mission is to stop the degradation of our planet's natural environment.</p>


HTML Elemente zur Textformatierung

Tag Beschreibung
<b> Definiert fetten Text
<em> Definiert hervorgehobenen Text
<i> Definiert einen Textteil in einer anderen Stimme oder Stimmung
<small> Definiert kleineren Text
<strong> Definiert wichtigen Text
<sub> Definiert tiefgestellten Text
<sup> Definiert hochgestellten Text
<ins> Definiert eingefügten Text
<del> Definiert gelöschten Text
<mark> Definiert markierten/hervorgehobenen Text

Eine vollständige Liste aller verfügbaren HTML-Tags finden Sie in unserer HTML-Tag-Referenz auf unserer Website W3SchoolsDE. DasBeste.



Kommentare