HTML -Haupt -Tag

HTML -Haupt -Tag
Es gibt drei Teile jeder Website: Kopfzeile, Körper und Fußzeile. Innerhalb dieser Teile werden andere HTML -Elemente verwendet, wie z. B. Überschriften, Bilder, Absätze und mehr. Um den Hauptinhalt der Webseite zu umgeben, wird das HTML -Tag verwendet, das in HTML5 eingeführt wird.

In dieser Beschreibung wird die HTML besprochen “" Schild. Also beginnen wir beginnen!

Was ist HTML -Tag?

Das HTML -Tag besteht aus dem Hauptinhalt des Dokuments, der sich auf das Kernkonzept der Webseite bezieht. Es schließt jede Navigationsleiste, einen Kopfball, eine Fußzeile und mehr aus. Darüber hinaus wird in jedem Dokument nur ein Haupt -Tag verwendet. Wenn es in einer HTML -Datei mehr als ein Hauptelement gibt, sollten andere gleichzeitig versteckt sein.

So verwenden Sie HTML -Tag?

Um das HTML-Tag zu verwenden, befolgen Sie die untergegebene Prozedur:

Im obigen Code wird das Hauptelement durch das Start -Tag und das Schluss -Tag dargestellt.

Beispiel: So fügen Sie das Tag in HTML ein?

Fügen Sie in der HTML -Datei im Body -Tag eine "hinzu"”Tag, das die enthält

Tag für die Überschrift. Fügen Sie danach das Tag hinzu, das zwei zusätzliche Tags umfasst,

Und

, für die Überschrift bzw. dem Absatz. Um mehr Inhalte hinzuzufügen, werden wir ähnlich Tags verwenden.

Hier ist der Code für das besprochene Szenario:


Betriebssystem



Fenster


Windows ist eine Gruppe mehrerer grafischer Betriebssysteme, die von Microsoft entwickelt wurden.




Linux


Linux ist ein Open-Source-Betriebssystem, das auf dem Linux-Kernel basiert.




Mac OS


macOS ist ein UNIX -Betriebssystem, das von Apple Inc. entwickelt wurde.



Durch die Bereitstellung des oben genannten Codes sieht die Webseite so aus:

Notiz: Das Haupt -Tag besteht nur aus dem zentralen Thema des Dokuments. Ein Dokument sollte nicht mehr als ein Tag enthalten. Zusätzlich ist die Verwendung des Haupt -Tags als untergeordnetes Element nicht zulässig.

Wenden wir CSS -Eigenschaften auf die oben codierten HTML -Elemente an.

Stil Hauptelement

hauptsächlich
Rand: 0;
Polsterung: 6px;
Hintergrundfarbe: #00abb3;

Das in der obigen HTML -Seite verwendete HTML -Tag ist mit den folgenden Eigenschaften gestaltet:

  • RandEigenschaft wird für die Einstellung des Raums um das Element verwendet.
  • PolsterungEigenschaft wird verwendet, um Platz um den Inhalt des Elements hinzuzufügen.
  • HintergrundfarbeEigenschaft gibt die Farbe des Hintergrunds des Elements an.

Stil H1, H2, P Elemente der Hauptdiv

Main> H1,
H2,
P,
.os
Rand: 15px;
Polsterung: 3px;

Der "Haupt> H1, H2, p”Bedeutet die Kinderelemente H1, H2 und P des Hauptetiketts, auf die wir dieselben Eigenschaften angewendet haben.

Stil os div

.os
Hintergrund: weiß;

Der ".Betriebssystem"Wird verwendet, um mit der Klasse mit dem Namen der Klasse auf die DIV zuzugreifen"Betriebssystem”. In diesem Behälter wird die Hintergrundfarbe als “angegeben“Weiss”.

Stil H2- und P -Elemente von OS Div

.OS> H2,
P
Rand: 4px;

Der ".OS> H2, P”Bedeutet, dass die Kinderelemente H2 und P des Divelelements den gleichen Randwert haben.

Hier ist die Ausgabe:

Das ist es! Wir haben besprochen, was das Tag ist und wie es in HTML verwendet werden sollte.

Abschluss

HTML5 führt die “vor“Tag, das nur aus dem dominanten Inhalt der Webseite besteht. Es enthält keine Wiederholungselemente wie Navigationsstangen, Folienstangen, Urheberrechtsinformationen und mehr. Der Körperabschnitt des HTML -Dokuments muss nur ein Tag enthalten. Diese Beschreibung hat das Tag und seine Verwendung in HTML gezeigt.