In HTML ist Tag das wichtigste Tag und wird in den meisten Dokumenten verwendet. Das Tag wird als Container für andere HTML -Tags angesehen. Daher kann es verwendet werden, um mehrere HTML -Tags auf einen gewünschten Teil des Dokuments anzuwenden.

Das Tag kann auch verwendet werden, um eine HTML -Seite in mehrere Abschnitte zu unterteilen. Mit diesem Schreiben zielt darauf ab, Ihnen zu führen, wie Div-Tags zur Aufteilung der Seite verwendet werden können. Die folgenden Ergebnisse werden erwartet:

• Wie verwenden wir Div -Tags, um HTML -Seiten in horizontalen Abschnitten zu teilen??
• Wie verwenden wir Div -Tags, um HTML -Seiten in vertikalen Abschnitten zu teilen??

Wie verwenden wir das Div -Tag, um die HTML -Seite in horizontalen Abschnitten zu teilen??

In HTML fungiert ein Tag als Abschnitt für die Daten auf der HTML -Seite. Um eine Seite in Abschnitte zu unterteilen, müssen Sie die erforderlichen HTML -Tags in das Tag schreiben. Sehen wir uns das praktische Beispiel unten an, um die Aufteilung der HTML -Seiten nach Tag zu verstehen.

Html

Teilen Sie die HTML -Seite mithilfe von Tag

Abschnitt 1
Sektion 2
Sektion 3

In diesem Code haben wir drei Tags verwendet. Diese Tags sind mit den drei CSS -Klassen verbunden. Der im obige HTML -Code verwendete CSS -Code ist unten bereitgestellt:

CSS

div

Text-Align: Mitte;
Schriftgröße: 30px;
Farbe weiß;
Polsterung: 10px;
Anzeige: Flex;
Ausrichtung: Zentrum;
Justify-Content: Center;
Höhe: 150px;
Breite: 98%;

.eins

Hintergrundfarbe: Limegreen;

.zwei

Hintergrundfarbe: Orange;

.drei

Hintergrundfarbe: Hotpink;

Im CSS -Teil haben wir alle drei Tags gezielt, um den Inhalt aller Divs zu formatieren. Den DIV, drei Klassen, unterschiedliche Farben zu geben “eins","zwei", Und "drei”Werden erstellt.

Ausgang

Die Ausgabe zeigt, dass eine Webseite mit HTML -Tag in drei Abschnitte unterteilt ist.

Wie verwenden wir das Div -Tag, um die HTML -Seite in vertikalen Abschnitten zu teilen??

In HTML können wir Tag mit Tag verwenden, um eine Webseite in vertikale Abschnitte zu unterteilen. Sehen wir uns das praktische Beispiel unten an, um die vertikale Aufteilung einer HTML -Seite mit dem Tag zu verstehen.

Html

Teilen Sie die HTML -Seite mithilfe von Tag

Abschnitt 1
Sektion 2
Sektion 3

In diesem Code haben wir drei Abschnitte mit Tag mit Tag erstellt. Für eine bessere Präsentation haben wir die folgenden CSS auf den Div -Tags angewendet:

CSS

div

Text-Align: Mitte;
Schriftgröße: 30px;
Farbe weiß;
Polsterung: 10px;
Anzeige: Flex;
Ausrichtung: Zentrum;
Justify-Content: Center;
Höhe: 500px;
Breite: 30%;

.eins

Hintergrundfarbe: Limegreen;
float: links;

.zwei

Hintergrundfarbe: Orange;
float: links;

.drei

Hintergrundfarbe: Hotpink;
float: links;

Im CSS -Teil zielen wir auf alle Divs ab und verwendeten verschiedene Eigenschaften, um dem Div -Inhalt Höhe, Breite, Polsterung und Hintergrundschrift zu verleihen. Es wird beobachtet, dass die vertikalen Abschnitte mit Hilfe von erstellt werden schweben Eigenschaft von CSS und sein Wert ist auf festgelegt links.

Ausgang

Die Ausgabe zeigt, dass eine Webseite mit HTML -Tag in drei Abschnitte unterteilt ist.

Abschluss

In HTML können wir eine ganze Webseite in Abschnitte teilen, indem wir Tag zusammen mit dem CSS verwenden. Standardmäßig unterteilt ein Tag eine Webseite in horizontale Abschnitte. Sie können jedoch die Float -Eigenschaft von CSS verwenden, um die vertikalen Abschnitte der Webseite zu erstellen. Wenn Sie diesem Handbuch folgen, können Sie Tag anwenden, um die HTML -Seite zu teilen.