Wie man HTML umschließt

HTML ist eine Auszeichnungssprache, die zum Erstellen von Webseiten verwendet wird. Beim Entwerfen einer Webseite müssen Sie das Textlayout und das Layout berücksichtigen, wobei Zeilenumbrüche ein sehr wichtiger Teil sind. In diesem Artikel erklären wir, wie man Zeilen in HTML umbricht.

Zeilenumbruchmethode in HTML:

1 Verwenden Sie das
-Tag.

Verwenden Sie in HTML das
-Tag, um einen Zeilenumbruch zu erreichen. Das Tag ist ein einzelnes Tag und erfordert kein schließendes Tag. Das Zeilenumbruch-Tag ist nur ein Tag und seine Verwendung ist sehr einfach.

Tags können in Absätzen, Tabellen und Zeilen verwendet werden.

Zum Beispiel:

e388a4556c0f65e1904146cc1a846beeDies ist eine Textzeile.
Hier ist eine weitere Textzeile. 94b3e26ee717c64999d7867364b1b4a3

Wenn der obige Code im Browser ausgeführt wird, werden zwei Textzeilen in verschiedenen Zeilen angezeigt.

2. Verwenden Sie das e388a4556c0f65e1904146cc1a846bee-Tag.

Eine andere Möglichkeit, Zeilen umzubrechen, ist die Verwendung des e388a4556c0f65e1904146cc1a846bee-Tags. Es kann einen Textabsatz in mehrere Zeilen unterteilen, mit einer Leerzeile zwischen jeder Zeile. Jeder Absatz ist ein separates HTML-Element.

Zum Beispiel:

e388a4556c0f65e1904146cc1a846beeDies ist der erste Absatz des Textes. 94b3e26ee717c64999d7867364b1b4a3
e388a4556c0f65e1904146cc1a846beeDies ist der zweite Absatz des Textes. 94b3e26ee717c64999d7867364b1b4a3

Wenn der obige Code im Browser ausgeführt wird, werden die beiden Textzeilen in unterschiedlichen Absätzen angezeigt.

3. Verwenden Sie das dc6dce4a544fdca2df29d5ac0ea9906b-Tag

Zusätzlich zur Verwendung der e388a4556c0f65e1904146cc1a846bee-Tags können Sie auch das dc6dce4a544fdca2df29d5ac0ea9906b-Tag verwenden. Dieses Tag wird als „Container-Tag“ bezeichnet und kapselt mehrere HTML-Elemente in einem eigenständigen Container auf Blockebene, wodurch sie von anderen Inhalten unabhängig werden.

Zum Beispiel:

dc6dce4a544fdca2df29d5ac0ea9906bDies ist ein Textstück16b28748ea4df4d9c2150843fecfba68

dc6dce4a544fdca2df29d5ac0ea9906bDies ist ein weiteres Textstück16b28748ea4df4d9c2150843fecfba68

Wenn der obige Code im Browser ausgeführt wird, werden Sie Folgendes tun siehe Die beiden Textzeilen werden in separaten Zeilen angezeigt.

4. Verwenden Sie CSS-Stile

CSS ist eine Sprache, die zum Gestalten von Webseiten verwendet wird. Es kann das Erscheinungsbild und Layout von Webseiten ändern, indem es verschiedene Stile festlegt. Wenn Sie Zeilenumbrüche in HTML implementieren möchten, können Sie dies auch mithilfe von CSS-Stilen erreichen.

Zum Beispiel:

c9ccee2e6ea535a969eb3f532ad9fe89

.line {

white-space: pre-line;

}

531ac245ce3e4fe3d50054a55f265927

ae006db5773a6df63564e1b7344699b0Dies ist die erste Zeile

Dies ist die zweite Zeiled4e6ef3935d870d31c81823c096b9b03

Im obigen CSS-Stil legen das Leerzeichenattribut und der Vorzeilenwert fest, wie Leerzeichen verarbeitet werden. Nach dem Festlegen des Vorzeilenwerts bleiben Zeilenumbrüche erhalten und andere überflüssige Leerzeichen und Tabulatoren werden ignoriert.

Zusammenfassung

Die oben genannten vier Möglichkeiten zum Implementieren von Zeilenumbrüchen in HTML. Sie können je nach Bedarf eine davon auswählen. Beim eigentlichen Webseitendesign müssen das Layout und die Typografie verschiedener Elemente berücksichtigt werden, um den Benutzern ein gutes visuelles Erlebnis zu bieten.

Das obige ist der detaillierte Inhalt vonWie man HTML umschließt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!