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

Die Element-UI-Tabelle realisiert die Dropdown-Filterfunktion

Artikel empfehlen

Detailliertes Tutorial zur Installation des Tomcat-Servers und zur Konfiguration von Umgebungsvariablen unter Win10 (Bild und Text)

Inhaltsverzeichnis Herunterladen und Installieren...

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

Die Element-UI-Tabelle realisiert die Dropdown-Filterfunktion

MySQL-Abfrage – Erlernen grundlegender Abfrageoperationen

Beispielcode zum Installieren der ASPNET.Core3.0-Runtime unter Linux

Ein Artikel zeigt Ihnen, wie Sie mit React ein Rezeptsystem implementieren

Zusammenfassung der allgemeinen Funktionen und Verwendungsmethoden der WeChat-Applet-Entwicklung

Detaillierte Erklärung zum Lay-Loading von JavaScript

CSS, um horizontale Linien auf beiden Seiten des mittleren Textes zu erreichen

So begrenzen Sie die Anzahl der Datensätze in einer Tabelle in MySQL

HTML-Tutorial, leicht zu erlernende HTML-Sprache

Schritte zum Ändern des MySQL-Zeichensatzes auf UTF8 unter Linux

Artikel empfehlen

Detailliertes Tutorial zur Installation des Tomcat-Servers und zur Konfiguration von Umgebungsvariablen unter Win10 (Bild und Text)

Konfigurieren von MySQL und Squel Pro auf dem Mac

Implementierungsbeispiel für die Nginx-Zugriffskontrolle

Der Handler PageHandlerFactory-Integrated hat ein fehlerhaftes Modul ManagedPipelineHandler in seiner Modulliste

Beispiel für die Verwendung von CSS3 zum Erzielen eines glänzenden Schrifteffekts beim Entsperren eines Apple-Telefons

Verwenden Sie die Vue3+Vant-Komponente, um die Suchverlaufsfunktion der App zu implementieren (Beispielcode).

Detaillierte Erläuterung des Problems, dass der Speicherplatz nach dem Löschen der Linux-Datei nicht freigegeben wird

Tutorial zur Installation von VMware, Nmap und Burpsuite

Implementierung einer Fuzzy-Abfrage wie %% in MySQL

Detaillierte Erklärung der reinen SQL-Anweisungsmethode basierend auf JPQL

Entwerfen Sie einen Datensammler mit Vue

Detaillierte Erläuterung der Konfiguration der Yum-Quelle von Docker und deren Installation in CentOS7

So verwenden Sie Mixins in Vue

Gutes Website-Copywriting und gute Benutzererfahrung

Schritte zum Erstellen der MHA-Architekturbereitstellung in MySQL