LabEx
AnmeldenKostenlos beitreten

HTML betonten Text

HTMLHTMLBeginner
Jetzt üben

💡 Dieser Artikel wurde von AI-Assistenten übersetzt. Um die englische Version anzuzeigen, können Sie hier klicken

Einführung

Das <em>-Tag in HTML wird verwendet, um einem bestimmten Text auf einer Webseite Nachdruck oder Wichtigkeit zu verleihen. Es ist sehr nützlich, um spezifischen Inhalt hervorzuheben und ihn auffälliger zu machen. In diesem Lab werden Sie lernen, wie das <em>-Tag in HTML verwendet wird und seine grundlegende Syntax.

Hinweis: Sie können im index.html programmieren und lernen, wie Sie in Visual Studio Code HTML schreiben. Klicken Sie bitte auf 'Go Live' in der unteren rechten Ecke, um den Webdienst auf Port 8080 auszuführen. Anschließend können Sie die Registerkarte Web 8080 aktualisieren, um die Webseite anzuschauen.

Dies ist ein Guided Lab, das schrittweise Anweisungen bietet, um Ihnen beim Lernen und Üben zu helfen. Befolgen Sie die Anweisungen sorgfältig, um jeden Schritt abzuschließen und praktische Erfahrungen zu sammeln. Historische Daten zeigen, dass dies ein Labor der Stufe Anfänger mit einer Abschlussquote von 100% ist. Es hat eine positive Bewertungsrate von 100% von den Lernenden erhalten.

Hinzufügen eines Headers

Erstellen Sie zunächst eine HTML-Datei namens index.html und öffnen Sie sie in Ihrem bevorzugten Code-Editor.

Lassen Sie uns beginnen, indem wir einem Titelheader unserer HTML-Datei hinzufügen. Geben Sie folgenden Code in Ihre index.html-Datei ein.

<!doctype html>
<html>
  <head>
    <title>HTML Em Tag Lab</title>
  </head>
  <body></body>
</html>

Verwenden des HTML <em>-Tags

Jetzt, nachdem wir unsere HTML-Datei erstellt haben, ist es an der Zeit, das <em>-Tag zu verwenden. In den nächsten Schritten werden wir lernen, wie dieses Tag und seine grundlegende Syntax verwendet werden.

Beginnen Sie, indem Sie einen kurzen Absatz zu Ihrer HTML-Datei hinzufügen und das <em>-Tag verwenden, um ein bestimmtes Wort zu betonen. Hier ist ein Beispiel:

<p>HTML <em>Betont</em> Text ist wichtig für Ihre Webseite.</p>

Hinzufügen mehr betonten Textes

Sie können auch das <em>-Tag verwenden, um mehrere Wörter in einem Satz zu betonen. Hier ist ein Beispiel:

<p><em>HTML</em> steht für <em>HyperText Markup Language.</em></p>

Verwenden von CSS, um das HTML <em>-Tag zu gestalten

Standardmäßig wird der betonte Text kursiv dargestellt. Sie können jedoch auch CSS verwenden, um den Stil des <em>-Tags anzupassen. Hier ist ein Beispiel:

<style>
  em {
    font-style: normal;
    font-weight: bold;
  }
</style>
<p><em>CSS wird</em> verwendet, um HTML-Webseiten zu gestalten.</p>

Sie können auch das <em>-Tag innerhalb eines Links verwenden, um den Ankertext zu betonen. Hier ist ein Beispiel:

<a href="https://www.wikipedia.org"
  ><em>Wikipedia</em> ist eine kostenlose Online-Enzyklopädie.</a
>

Zusammenfassung

Herzlichen Glückwunsch! In diesem Lab haben Sie über das HTML <em>-Tag gelernt und erfahren, wie es verwendet wird, um Text auf einer Webseite betonen oder eine besondere Wichtigkeit zu verleihen. Sie haben auch gelernt, wie Sie den Stil des <em>-Tags mit CSS anpassen können. Halten Sie an der Übung, um ein Meister in HTML-Tags und -Elementen zu werden.

Verwandt HTML Kurse
HTML für Anfänger

HTML für Anfänger

HTML
Anfänger
Schnellstart mit HTML

Schnellstart mit HTML

HTML
Anfänger
Entwickeln Sie eine Tic-Tac-Toe-Webanwendung

Entwickeln Sie eine Tic-Tac-Toe-Webanwendung

HTMLCSSJavaScript
Anfänger