HTML Feldset Überschrift

Einführung

Das HTML <legend>-Tag ist ein wichtiger Weg, um einer Kind-Inhalt im HTML <fieldset>-Tag eine Überschrift oder einen Titel zu geben. Das <legend>-Tag wird verwendet, um den Inhalt des Feldsets zu identifizieren und der Seite einen passenden Titel zu verleihen. In diesem Lab werden wir lernen, wie das <legend>-Tag und verschiedene CSS-Eigenschaften damit verwendet werden.

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.

Fügen Sie ein <fieldset>-Tag hinzu

Öffnen Sie zunächst Ihren Code-Editor und erstellen Sie eine neue Datei namens index.html. Fügen Sie der Datei die grundlegende Struktur hinzu, indem Sie html eingeben und dann die Tab-Taste drücken.

Fügen Sie ein <fieldset>-Tag in Ihre HTML-Dokument ein.

<fieldset>
  <legend></legend>
</fieldset>

Fügen Sie das <legend>-Tag in das <fieldset>-Tag hinzu

Fügen Sie innerhalb des <fieldset>-Tags ein <legend>-Tag hinzu, um einen Header zu erstellen.

<fieldset>
  <legend>Contact Information</legend>
</fieldset>

Verwenden von CSS-Eigenschaften mit dem <legend>-Tag

Fügen wir einigen CSS-Eigenschaften zu unserem <legend>-Tag hinzu, um es besser aussehen zu lassen.

<style>
  legend {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    text-align: center;
  }
</style>

Speichern Sie die Datei und öffnen Sie die Datei index.html in Ihrem bevorzugten Webbrowser.

Zusammenfassung

Zusammenfassend lässt sich sagen, dass das HTML <legend>-Tag uns hilft, einer Kind-Inhalt im HTML <fieldset>-Tag eine Überschrift oder einen Titel zu geben. Wir haben verschiedene CSS-Eigenschaften damit verwendet, um es besser aussehen zu lassen. Wir hoffen, dass Sie jetzt das <legend>-Tag verwenden können, um in Ihren HTML-Dateien Überschriften oder Titel zu erstellen.