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

Detaillierte Erläuterung des Replikationskonfigurationsbeispiels zwischen MySQL-Containern

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

Detaillierte Erläuterung des Replikationskonfigurationsbeispiels zwischen MySQL-Containern

XHTML-Erste-Schritte-Tutorial: XHTML-Hyperlinks

VUE+Canvas realisiert den gesamten Prozess eines einfachen Gobang-Spiels

So implementieren Sie eine Paging-Abfrage in MySQL

Anwendungsbeispiel-Tutorial zum Schlüssel-Rendering in Vue

Lösung für den Fehler „MySQL-Server ist verschwunden“

Docker entfernt abnormale Containervorgänge

H-Tags sollten bei der Erstellung von Webseiten sinnvoll verwendet werden

Holen Sie sich die IP und den Hostnamen aller Hosts auf Zabbix

Nginx führt Anforderungsverbindungen zusammen und beschleunigt den Website-Zugriff – Beispiele

Artikel empfehlen

So stellen Sie einen Code-Server mit Docker bereit

Zusammenfassung der Ausnahmen bei der MySQL-Datenbankverbindung (sammelwürdig)

Detaillierte Erklärung und Beispiele zur Passwortverschlüsselung für Datenbankkonten

Teilen einiger wunderbarer Verwendungsmöglichkeiten von wxs-Dateien im WeChat-Applet

So installieren Sie Nginx in CentOS

Backup zwischen MySQL-Datenbank und Oracle-Datenbank importieren

So fügen Sie CentOS7 systemd benutzerdefinierte Systemdienste hinzu

Details zur Funktionsverschachtelung und zu Funktionsabschlüssen in js

WeChat-Applet: benutzerdefinierter TabBar-Schrittdatensatz

Win2008 R2 MySQL 5.5 ZIP-Format MySQL-Installation und -Konfiguration

So verwenden Sie http und WebSocket in CocosCreator

Detaillierte Erläuterung der Wissenspunkte zur asynchronen Programmierung in nodejs

Zwei Bilder von JavaScript zum Verständnis der Prototypenkette

Fallstudie zum Löschen und Neuinstallieren eines Mac-Knotens

Ausnahmefehler beim Packen von Webpack-Dateien