Verwendung des HTML -Tags

Einführung

In diesem Lab werden Sie lernen, wie Sie das HTML -Tag verwenden, um die Größe des Texts zu ändern. Sie werden auch über die verschiedenen Möglichkeiten der Verwendung des -Tags und über die Anwendung von Stil auf es erfahren.

Hinweis: Sie können im index.html programmieren und lernen, wie Sie HTML in Visual Studio Code 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.

Fügen Sie Ihrer Datei Struktur hinzu

Erstellen Sie in Ihrem Texteditor eine HTML-Datei namens index.html.

Fügen Sie das HTML-Vorlagenfragment zu Ihrer Datei hinzu. Erstellen Sie dann ein <body>-Tag und fügen Sie den folgenden Code darin ein:

<h1>Verwendung des HTML <small>-Tags</h1>
<p>Dies ist ein Text, den wir kleiner machen möchten:</p>

Fügen Sie das -Tag hinzu

Fügen Sie das -Tag innerhalb des -Tags hinzu und fügen Sie zwischen den öffnenden und schließenden Tags etwas Text ein:

<p>Dies ist ein Text, den wir <small>kleiner</small> machen möchten:</p>

Verwenden Sie das -Tag für rechtliche Texte

Fügen Sie rechtliche Texte hinzu, indem Sie das -Tag verwenden, indem Sie den folgenden Code in das <body>-Tag kopieren und einfügen:

<p>
  Dies ist nur ein gewöhnlicher Text, aber hier ist ein
  <small>rechtlicher Text</small>:
</p>
<small
  >Diese Website haftet nicht für irgendeine fehlerhafte Information oder
  Fehler. Lesen Sie bitte sorgfältig, bevor Sie dieser Website vertrauen.</small
>

Wendet Stil auf das -Tag an

Wenden Sie einigen Stil auf das -Tag an, indem Sie den folgenden Code im <head>-Tag hinzufügen:

<style>
  small {
    font-size: smaller;
    color: red;
  }
</style>

Fügen Sie das -Tag für Nebenkritiken hinzu

Fügen Sie eine Nebenkritik hinzu, indem Sie das -Tag verwenden, indem Sie den folgenden Code in das <body>-Tag kopieren und einfügen:

<p>
  Dies ist nur ein gewöhnlicher Text, aber hier ist eine
  <small>Nebenkritik</small> zu diesem Text:
</p>

Speichern Sie Ihre Änderungen in der index.html-Datei und öffnen Sie sie in einem Webbrowser. Sie sollten die Änderungen sehen, die Sie am -Tag vorgenommen haben.

Zusammenfassung

In diesem Lab haben Sie gelernt, wie Sie das HTML -Tag verwenden, um die Größe des Texts zu ändern und wie Sie Stil auf es anwenden. Sie haben auch erfahren, in welchen verschiedenen Wegen das -Tag verwendet werden kann, einschließlich für rechtliche Texte, Nebenkritiken und Kleindruck. Jetzt können Sie das -Tag verwenden, um Ihren Text zu betonen und ihn hervorheben.

HTML Kleindruck