HTML
Textformatierung

Einführung

Syntax

• <abbr>Abbreviation</abbr>
• <b>Bold Text</b>
• <del>Deleted Text</del>
• <em>Emphasized Text</em>
• <i>Italic Text</i>
• <ins>Inserted Text</ins>
• <mark>Marked (or Highlighted) Text</mark>
• <s>Stricken Text</s>
• <strong>Strong Text</strong>
• <sub>Subscript Text</sub>
• <sup>Superscript Text</sup>
• <u>Underlined Text</u>

Fett, Kursiv und Unterstrichen

Fett Text

Verwenden Sie zum Markieren von Text die Tags <strong> oder <b> :

<strong>Bold Text Here</strong>

oder

<b>Bold Text Here</b>

Was ist der Unterschied? Semantik. <strong> wird verwendet, um anzuzeigen, dass der Text für den umgebenden Text von grundlegender oder semantischer Bedeutung ist , während <b> keine solche Bedeutung angibt und lediglich Text darstellt, der fett gedruckt werden soll.

Wenn Sie <b> ein Text-to-Speech-Programm die Wörter nicht anders als die anderen Wörter in der Umgebung ausdrücken. Sie lenken die Aufmerksamkeit einfach auf sie, ohne zusätzliche Bedeutung hinzuzufügen. Wenn Sie jedoch <strong> , möchte das gleiche Programm diese Wörter mit einem anderen Ton sprechen, um zu vermitteln, dass der Text in irgendeiner Weise wichtig ist.

Kursiver Text

Verwenden Sie zum Kursivieren von Text die Tags <em> oder <i> :

<em>Italicized Text Here</em>

oder

<i>Italicized Text Here</i>

Was ist der Unterschied? Semantik. <em> wird verwendet, um anzugeben, dass der Text eine zusätzliche Betonung haben sollte, die hervorgehoben werden sollte, während <i> nur Text darstellt, der vom normalen Text um ihn herum entfernt werden sollte.

Wenn Sie zum Beispiel die Aktion innerhalb eines Satzes betonen möchten, können Sie dies durch <em> kursiv hervorheben: "Möchten Sie die Änderung bereits einreichen ?"

Wenn Sie jedoch ein Buch oder eine Zeitung identifizieren würden, die Sie normalerweise stilistisch kursiv darstellen würden, verwenden Sie einfach <i> : "Ich musste Romeo und Julia in der High School lesen.

Unterstrichener Text

Während das <u> -Element selbst in HTMl 4 nicht mehr empfohlen wird, wurde es mit alternativer semantischer Bedeutung in HTML 5 wieder eingeführt - um eine nicht artikulierte, nichttextuelle Anmerkung darzustellen. Sie können ein solches Rendering verwenden, um falsch geschriebenen Text auf der Seite anzuzeigen oder eine chinesische Eigenmarke zu verwenden.

<p>This paragraph contains some <u>mispelled</u> text.</p>

Hervorhebung

Das <mark> -Element ist neu in HTML5 und wird verwendet, um Text in einem Dokument "aufgrund seiner Relevanz in einem anderen Kontext" zu markieren oder hervorzuheben. ¹

Das üblichste Beispiel wäre in den Ergebnissen einer Suche, wenn der Benutzer eine Suchanfrage eingegeben hat und die Ergebnisse hervorgehoben werden, die die gewünschte Abfrage hervorheben.

<p>Here is some content from an article that contains the <mark>searched query</mark>
that we are looking for. Highlighting the text will make it easier for the user to 
find what they are looking for.</p>

Ausgabe:

Eine gängige Standardformatierung ist schwarzer Text auf gelbem Hintergrund. Dies kann jedoch mit CSS geändert werden.

Eingefügt, gelöscht oder gestrichen

Um Text als eingefügt zu markieren, verwenden Sie das <ins> -Tag:

<ins>New Text</ins>

Um Text als gelöscht zu markieren, verwenden Sie das <del> -Tag:

<del>Deleted Text</del>

Um den Text durchzublättern, verwenden Sie das <s> -Tag:

<s>Struck-through text here</s>

Hochgestellt und tiefgestellt

Um Text nach oben oder unten zu verschieben, können Sie die Tags <sup> und <sub> .

So erstellen Sie hochgestellt:

<sup>superscript here</sup>

So erstellen Sie ein Index:

<sub>subscript here</sub>

Abkürzung

Um einen Ausdruck als Abkürzung zu kennzeichnen, verwenden Sie das <abbr> -Tag:

<p>I like to write <abbr title="Hypertext Markup Language">HTML</abbr>!</p>

Wenn vorhanden, wird das title Attribut verwendet, um die vollständige Beschreibung dieser Abkürzung darzustellen.