Verstehen Sie den Unterschied zwischen BR- und P-Tags anhand von Beispielen

Verwendung des Zeilenumbruch-Tags Der Zeilenumbruch-Tag ist ein Tag ohne Ende. Solange das -Tag irgendwo in der HTML-Datei verwendet wird, wird beim Anzeigen der Datei im Browser der Text nach dieser Position in der nächsten Zeile angezeigt. Das -Tag ist das Zeilenumbruch-Tag!
Bitte beachten Sie! In einer normalen Textdatei genügt es, die Eingabetaste auf der Tastatur zu drücken, um einen Zeilenumbruch zu erzeugen. In HTML-Dateien ist das Drücken der Eingabetaste jedoch nutzlos. Wir müssen ein spezielles Tag verwenden, um Zeilenumbrüche zu erzeugen! Beispiel:
Nachfolgend der zitierte Inhalt:
<html>
<Kopf>
<title>Verwendung des br-Tags</title>
</Kopf>
<Text>
Qingping Diao 
Die Wolken sind wie Kleider, die Blumen sind wie Gesichter,
Die Frühlingsbrise weht über die Schwelle und die Blumen stehen in voller Blüte.
Wenn wir uns nicht auf dem Gipfel des Jadebergs gesehen hätten,
Wir treffen uns unter dem Mond in Yaotai. 
</body>
</html>
Sehen Sie, welche Wirkung eintritt~!
Jemand könnte fragen, wie man das gesamte Gedicht auf der Seite zentriert? Wenn wir eine Zentrierung erreichen möchten, können wir dazu den Inhalt verwenden, den wir zuvor gelernt haben!
Beispiel:
Nachfolgend der zitierte Inhalt:
<html>
<Kopf>
<title>Verwendung des br-Tags</title>
</Kopf>
<Text>
Qingping Diao 
Die Wolken sind wie Kleider, die Blumen sind wie Gesichter,
Die Frühlingsbrise weht über die Schwelle und die Blumen stehen in voller Blüte.
Wenn wir uns nicht auf dem Gipfel des Jadebergs gesehen hätten,
Wir treffen uns unter dem Mond in Yaotai. 

</body>
</html>
================================================
Verwendung des Absatz-Tags . Der durch das Tag gekennzeichnete Text stellt den Text desselben Absatzes dar. In Browsern werden verschiedene Textabsätze zusätzlich zu Zeilenumbrüchen manchmal durch eine Leerzeile getrennt, um unterschiedliche Textabsätze zu unterscheiden. Die Syntax lautet wie folgt:
Text
In allgemeinen Anwendungen wird ein -Tag jedoch häufig erst nach dem Text hinzugefügt, der in Absätze unterteilt werden soll. Beispiel:
Nachfolgend der zitierte Inhalt:
<html>
<Kopf>
</Kopf>
<title>Verwendung von Tags</title>
</Kopf>
<Text>
Qingping Diao
Die Wolken ähneln Kleidern, die Blumen ähneln Gesichtern,
Die Frühlingsbrise weht durch die Schwelle und der Tau ist dick.
Wenn wir es nicht auf dem Gipfel des Jadebergs gesehen hätten,
Wir treffen uns unter dem Mond auf Yaotai,
</body>
</html>
Was ist also der Unterschied zwischen und ? Einfach ausgedrückt: Wenn sie sich verzweigen, teilen sie sich in Reihen auf.
Der Zeilenabstand ist relativ groß! Wir können einen Blick darauf werfen:
Nachfolgend der zitierte Inhalt:
<html>
<Kopf>
</Kopf>
<title>Verwendung von Tags</title>
</Kopf>
<Text>
Qingping Diao 
Die Wolken sind wie Kleider, die Blumen sind wie Gesichter,
Die Frühlingsbrise weht durch die Schwelle und der Tau ist dick.
Wenn wir es nicht auf dem Gipfel des Jadebergs gesehen hätten,
Wir treffen uns unter dem Mond auf Yaotai,
</body>
</html>
Auf diese Weise können Sie die Wirkung sehen. Können Sie sie sehen?

<<: Das Frontend erstellt und ändert CAD-Grafikdetails über JavaScript

>>: So installieren Sie Docker mit YUM

So fügen Sie eindeutige Indizes für Felder in MySQL hinzu und löschen sie

Artikel empfehlen

Zusammenfassung gängiger HTML-Elemente, einschließlich Grundstruktur, Dokumenttyp, Kopfzeile, Textkörper usw.

1. Grundstruktur: Code kopieren Der Code lautet wi...

So installieren Sie Docker auf CentOS

Hier stellen wir nur die relativ einfache Install...

Detaillierte grafische Erklärung zur Installation der MySQL-Datenbank und zur Konfiguration eines Java-Projekts unter Linux

1. MySQL-Datenbank installieren ① Herunterladen, ...

Verstehen Sie den Unterschied zwischen BR- und P-Tags anhand von Beispielen

So fügen Sie eindeutige Indizes für Felder in MySQL hinzu und löschen sie

Detaillierte Erklärung der Gründe, warum MySQL-Verbindungen hängen bleiben

Erläuterung der Ausführungspriorität von mySQL-Schlüsselwörtern

React realisiert den gesamten Prozess des Seitenwasserzeicheneffekts

Grafisches Tutorial zur Installation und Konfiguration von mysql8.0.11 winx64 (win10)

Docker-Compose erstellt eine Brücke, fügt ein Subnetz hinzu und löscht eine Netzwerkkarte

Grundlegende Kenntnisse zur Verwendung von Miniprogrammen (sehr umfangreich, empfehlenswert!)

Vue implementiert den Operationscode zum Klicken auf eine Schaltfläche zum Herunterladen einer Datei (Backend-Java).

Eine Frage zur Einstellung des Randradius-Werts

Vue nutzt Amap zur Realisierung der Stadtpositionierung

Artikel empfehlen

Zusammenfassung gängiger HTML-Elemente, einschließlich Grundstruktur, Dokumenttyp, Kopfzeile, Textkörper usw.

So installieren Sie Docker auf CentOS

Detaillierte grafische Erklärung zur Installation der MySQL-Datenbank und zur Konfiguration eines Java-Projekts unter Linux

Einführung in die Verwendung der unbestimmten Eigenschaft des Kontrollkästchens

Detaillierte Erläuterung der Kommunikation zwischen Angular-Eltern- und -Kindkomponenten

Bringen Sie Ihnen bei, wie Sie die Zeigerposition in Javascript erhalten

Werfen wir einen Blick auf die Vorkompilierung von JavaScript (Zusammenfassung)

Ändern des Standard-Bildlaufleistenstils im Front-End-Projekt (Zusammenfassung)

CSS-Code zum Anordnen von Fotos in Moments

Unterschiede zwischen FLOW CHART und UI FLOW

Es ist ganz einfach zu verstehen, was Node.js ist

Detaillierte Erklärung zum Erstellen eines Arrays in JavaScript

Spezifische Verwendung des Autoindex-Moduls in der Nginx-HTTP-Modulreihe

Unterschied zwischen varchar- und char-Typen in MySQL

Kurztipps für die Linux-Befehlszeile: So finden Sie eine Datei