Hypertext Markup Language, auch bekannt als HTML, wird zum Erstellen von Webanwendungen verwendet. HTML-Tags, allgemein bekannt als Elemente, sind der wichtigste Aspekt der HTML-Sprache. HTML-Tags betten Inhalte oder Informationen auf Webseiten ein und zeigen diese an. Es gibt zwei Arten von HTML-Tags: Leere Tags und Container-Tags.
In diesem Blog erfahren Sie, wie Sie mit leeren Tags und Container-Tags in HTML arbeiten.
Leere Tags
Die leeren Tags sind auch bekannt als „ Einzelling ' oder ' Leere ' Stichworte. Das void-Tag enthält niemals Inhalt, aber es können Attribute angegeben werden. Diese Tags haben kein End-Tag und können einen umgekehrten Schrägstrich im Tag enthalten. Beispiele für leere Tags sind „
“, „“, „“, „
Syntax
Die Syntax zum Erwähnen der void-Elemente in HTML lautet wie folgt:
< leeres Tag />
Um zu sehen, wie man mit leeren Tags arbeitet, sehen Sie sich das Beispiel unten an. Die '
”-Tag ist als Zeilenumbruch-Tag bekannt und wird verwendet, um die Zeile zu umbrechen:
< p > Leere HTML-Tags < Br > Die Linie brechen Schild p >
Die Ausgabe zeigt an, dass die „
”-Tag hat die Linie unterbrochen:
Wir können den HTML-Tags CSS-Styling-Eigenschaften hinzufügen. Die '
”-Tag ist ein weiteres leeres Element, das der Seite eine horizontale Linie hinzufügt:
< Std Stil = 'border-top: 3px rot gestrichelt;' > Die Linie brechen Schild
p >
Die ' Rand-oben ” CSS-Eigenschaft wird auf die „
” mit drei Werten, einer ist die Rahmenbreite, die gleich “ 3px “, der Rahmenstil ist festgelegt als „ gestrichelt “ und Rahmenfarbe.
Ausgabe
Bisher haben wir die leeren HTML-Tags besprochen. Nun werden wir im nächsten Abschnitt die HTML-Container-Tags durchgehen.
Container-Tags
Die HTML-Container-Tags bestehen aus drei Teilen: Start-Tags, Inhalt und End-Tags. Die Syntax des HTML-Container-Tags lautet wie folgt:
< start_tag > Inhalt End-Tag >Sehen Sie sich die folgenden Beispiele an, um zu erfahren, wie das Container-Tag in HTML funktioniert.
Beispiel 1: Wie füge ich einen Absatz in HTML hinzu?
Die ' ”-Tag wird verwendet, um den Absatz in das HTML-Dokument einzubetten:
< p > Dies ist ein Absatz-Tag p >Ausgabe
Beispiel 2: Wie füge ich Überschriften in HTML hinzu?
Es gibt sechs Ebenen von Container-Tags für Überschriften, die zum Hinzufügen von Überschriften zu einer Webseite verwendet werden können. Lassen Sie uns sie in ein HTML-Dokument einfügen, um zu sehen, wie sie funktionieren und auf einer Webseite aussehen:
< h1 > Linux h1 >< h2 > Linux h2 >
< h3 > Linux h3 >
< h4 > Linux h4 >
< h5 > Linux h5 >
< h6 > Linux h6 >
Ausgabe
Wir können das Inline-Styling für diese Tags bereitstellen. Betrachten Sie das folgende Beispiel, das zeigt, wie verschiedene CSS-Stileigenschaften auf diese Tags angewendet werden:
< h1 Stil = 'Hintergrundfarbe: Distel; Schriftfamilie: Kursiv;' > Linux h1 >< h2 Stil = 'Hintergrundfarbe: Weizen; Textausrichtung: Mitte;' > Linux h2 >
< h3 Stil = 'Hintergrundfarbe: Tomate; Farbe: Weiß;' > Linux h3 >
< h4 Stil = 'Schriftfamilie: 'Trebuchet MS'; Hintergrundfarbe: Gelbgrün;' > Linux h4 >
< h5 Stil = 'Hintergrundfarbe: Violett;' > Linux h5 >
< h6 Stil = 'Hintergrundfarbe: weißer Rauch;' > Linux h6 & gt
Hier ist die Erklärung der oben genannten Eigenschaften:
- Die ' Hintergrundfarbe ”-Eigenschaft fügt dem Hintergrund des Elements Farbe hinzu.
- „ Schriftfamilie ”-Eigenschaft passt den Schriftstil des Elements an.
- „ Textausrichtung ”-Eigenschaft passt die Textplatzierung oder -ausrichtung an.
Ausgabe
Wir haben Ihnen gezeigt, wie Sie die leeren und Container-Tags von HTML verwenden.
Fazit
Die leeren Tags und Container-Tags sind Hauptkomponenten von HTML-Dokumenten, die den Inhalt und die Informationen auf einer Webseite einbetten. Die leeren Tags enthalten keinen Inhalt und bestehen nur aus dem Start-Tag mit einem Backslash am Ende, z. B.
. Die Container-Tags enthalten jedoch die Start- und End-Tags zusammen mit dem Inhalt. Dieser Blog hat die Funktionsweise von leeren und Container-Elementen in HTML näher erläutert.