Neueste Web-Entwicklung Tutorials

HTML Text Formatierungselemente

Textformatierung

This text is bold

This text is italic

This is superscript

HTML Formatierungselemente

Im vorigen Kapitel haben Sie gelernt , über HTML - Styling, das mit Hilfe von HTML - style - Attribute.

HTML definiert auch spezielle Elemente für Text mit einer speziellen Bedeutung zu definieren.

HTML verwendet Elemente wie <b> und <i> für die Formatierung von Ausgabe, wie bold oder italic Text.

Formatierungselemente wurden entwickelt , spezielle Arten von Text anzuzeigen:

  • Bold Text
  • wichtiger Text
  • kursiver Text
  • betonte Text
  • markierter Text
  • Kleiner Text
  • gelöschte Text
  • Zwischentext
  • Indizes
  • Hoch-

HTML Bold und Strong Formatierung

Die HTML <b> Element definiert bold Text, ohne zusätzliche Bedeutung.

Beispiel

<p>This text is normal.</p>

<p><b>This text is bold</b>.</p>
Versuch es selber "

Die HTML <strong> Element definiert starken Text, mit zusätzlicher semantischer "strong" Bedeutung.

Beispiel

<p>This text is normal.</p>

<p><strong>This text is strong</strong>.</p>
Versuch es selber "

HTML Italic und Betonte Formatierung

Die HTML <i> Element definiert kursiven Text, ohne zusätzliche Bedeutung.

Beispiel

<p>This text is normal.</p>

<p><i>This text is italic</i>.</p>
Versuch es selber "

Die HTML <em> -Element definiert Text, mit zusätzlicher semantischer Bedeutung betont.

Beispiel

<p>This text is normal.</p>

<p><em>This text is emphasized</em>.</p>
Versuch es selber "

Browser zeigt <strong> als <b> und <em> als <i> .

Allerdings gibt es einen Unterschied in der Bedeutung dieser Tags: <b> und <i> definiert fett und kursiv Text,
aber <strong> und <em> bedeutet , dass der Text "important" .


HTML Kleine Formatierung

Die HTML <small> Element definiert kleinen Text:

Beispiel

<h2>HTML <small>Small</small> Formatting</h2>
Versuch es selber "

HTML Markiert Formatierung

Die HTML <mark> Element definiert markiert oder Text hervorgehoben:

Beispiel

<h2>HTML <mark>Marked</mark> Formatting</h2>
Versuch es selber "

HTML gelöscht Formatierung

Die HTML <del> Element definiert gelöscht (removed) Text.

Beispiel

<p>My favorite color is <del>blue</del> red.</p>
Versuch es selber "

HTML eingefügt Formatierung

Das HTML <ins> Element definiert eingefügt (added) Text.

Beispiel

<p>My favorite <ins>color</ins> is red.</p>
Versuch es selber "

HTML - Formatierung Subscript

Die HTML <sub> Element definiert indiziert Text.

Beispiel

<p>This is <sub>subscripted</sub> text.</p>
Versuch es selber "

HTML - Formatierung Hochgestellt

Das HTML <sup> Element definiert hochgestelltem Text.

Beispiel

<p>This is <sup>superscripted</sup> text.</p>
Versuch es selber "

Testen Sie sich mit Übungen!

Übung 1 » Übung 2» Übung 3 » Übung 4» Übung 5 »


HTML Text Formatierungselemente

Etikett Beschreibung
<b> Definiert fett gedruckten Text
<em> Definiert betonten Text
<i> Definiert kursiver Text
<small> Definiert kleinen Text
<strong> Definiert wichtigen Text
<sub> Definiert indizierte Text
<sup> Definiert hochgestelltem Text
<ins> Definiert eingefügten Text
<del> Definiert gelöschten Text
<mark> Definiert markiert / markierten Text