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.htmlprogrammieren 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.
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>
Verwendung des HTML -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>
Verwendung von CSS, um das HTML -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>
Hinzufügen eines Links
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.
