HTML-Kursivspanne

  2. How-To's
  3. HTML Howtos
  4. HTML-Kursivspanne
Zeeshan Afridi 20 Juni 2023
HTML HTML Italic
  1. Verwenden Sie das Tag <i>, um Text in HTML kursiv darzustellen
  2. Verwenden Sie das Tag <em>, um Text in HTML kursiv darzustellen
  3. Verwenden Sie das Tag <span>, um Text in HTML kursiv darzustellen
  4. Abschluss
HTML-Kursivspanne

In HTML werden mehrere Tags verwendet, um den Text kursiv anzuzeigen. Diese Tags heben ein Schlüsselwort, einen Fachbegriff, einen Satz oder ein wichtiges Wort in einer anderen Sprache hervor.

Kursiv-Tags sind in erster Linie für Benutzer gedacht und helfen ihnen, den Text wie Anführungszeichen hervorzuheben.

Die Nutzer achten besonders auf die mit diesen Tags gekennzeichneten Inhalte. Es könnten also verschiedene Tags verwendet werden, um den Text kursiv zu schreiben, aber in diesem Artikel werden die folgenden Tags verwendet, um Text in HTML kursiv zu schreiben.

  1. Das <i>-Tag
  2. Das <em>-Tag
  3. Das <span>-Tag

Verwenden Sie das Tag <i>, um Text in HTML kursiv darzustellen

In HTML hilft uns das Tag <i>, den Text kursiv zu machen und definiert einen Teil des Textes in einer alternativen Stimmung. Das Tag <i> ist ein Container-Tag, das öffnende und schließende Tags enthält.

Der Inhalt innerhalb des <i>-Tags wird normalerweise kursiv dargestellt.

Syntax:

<i>Contents</i>

Codebeispiel:

<p><i>Lorem ipsum</i> is the most popular filler text in history.</p>

Verwenden Sie das Tag <em>, um Text in HTML kursiv darzustellen

Das Tag <em> wird auch verwendet, um Text kursiv zu schreiben. Ein Leser wird den Inhalt innerhalb des <em>-Tags mit einer Betonung durch verbale Betonung aussprechen.

Dieses Container-Tag hat ein öffnendes und ein schließendes Tag, und der Text innerhalb des <em>-Tags wird kursiv angezeigt.

Syntax:

<em>Italic Text</em>

Codebeispiel:

<p>You <em>have</em> to hurry up!</p>

Verwenden Sie das Tag <span>, um Text in HTML kursiv darzustellen

Das HTML-Tag <span> ist ein generischer Inline-Container, der zum Gruppieren von Inline-Elementen für Styling-Zwecke verwendet wird. Dieses Tag hilft dabei, einen bestimmten Text oder andere Inhalte vom Rest abzuheben.

Das <span> ist ein gepaartes Tag mit offenen <- und schließenden >-Tags, und das Schließen des Tags ist obligatorisch. Das Tag <span> ähnelt dem Tag <div>, aber <div> ist ein Tag auf Blockebene und span ist ein Inline-Tag.

Syntax:

<span style="font-style:italic">contents</span>

Codebeispiel:

<p>The bird is <span style="font-style:italic">flying</span> in the sky.</p>

Sehen wir uns ein Beispiel für die Verwendung all dieser Eigenschaften in einem einzigen Beispiel an.

<!DOCTYPE html>
<html>
    <head>
        <title>HTML: The i and em span tags</title>
    </head>
    <body>
        <h3>From the Universal Declaration of Human Rights</h3>

        <p>
            Where recognition of the inherent dignity and of the <i>equal and inalienable rights</i> of <em>all members of the human family</em> is the <span style="font-style: italic;">foundation of freedom, justice and peace</span> in the
            world
        </p>
    </body>
</html>

Abschluss

Um den Artikel über das Kursivschreiben von Text in HTML zusammenzufassen, haben wir besprochen, was Kursivschrift ist und wie wir einen Text kursiv setzen können.

Darüber hinaus haben wir die verschiedenen Tags besprochen, die zum Kursivschreiben von Text verwendet werden. Die verschiedenen Tags, die wir in diesem Artikel besprochen haben, sind <i>, <em> und <span>.

Autor: Zeeshan Afridi
Zeeshan Afridi avatar Zeeshan Afridi avatar

Zeeshan is a detail oriented software engineer that helps companies and individuals make their lives and easier with software solutions.

LinkedIn