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

Verstehen Sie den Unterschied zwischen BR- und P-Tags anhand von Beispielen
<br />Verwendung des Zeilenumbruch-Tags<br>Der Zeilenumbruch-Tag<br> ist ein Tag ohne Ende. Solange das <br>-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 <br>-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 <br> verwenden, um Zeilenumbrüche zu erzeugen! Beispiel:
Nachfolgend der zitierte Inhalt:
<html>
<Kopf>
<title>Verwendung des br-Tags</title>
</Kopf>
<Text>
Qingping Diao<br>
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. <br>
</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 <p align=center>Inhalt</p> verwenden, den wir zuvor gelernt haben!
Beispiel:
Nachfolgend der zitierte Inhalt:
<html>
<Kopf>
<title>Verwendung des br-Tags</title>
</Kopf>
<Text>
<p align=center>Qingping Diao<br>
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. <br>
</p>
</body>
</html>
================================================
Verwendung des Absatz-Tags <p>. Der durch das Tag <p> 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:
<p>Text</p>
In allgemeinen Anwendungen wird ein <p>-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><p>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 <br> und <p>? Einfach ausgedrückt: Wenn sie sich verzweigen, teilen sie sich in Reihen auf.
<p>Der Zeilenabstand ist relativ groß! Wir können einen Blick darauf werfen:
Nachfolgend der zitierte Inhalt:
<html>
<Kopf>
</Kopf>
<title><p>Verwendung von Tags</title>
</Kopf>
<Text>
Qingping Diao<br>
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

Artikel empfehlen

So ändern Sie die Gruppe, zu der ein Benutzer in Linux gehört

Ändern Sie die Gruppe, zu der ein Benutzer in Lin...

So richten Sie den Ziellink eines Tags auf ein Iframe

Code kopieren Der Code lautet wie folgt: <ifra...

Ursachen und Lösungen für MySQL-Datenverlust

Inhaltsverzeichnis Vorwort Problembeschreibung Ur...

Wie besteht man die W3C-Validierung?

Neben der Festlegung von Vorschriften für verschi...

Spezifische Verwendung des Linux-Befehls „dirname“

01. Befehlsübersicht dirname - entfernt nicht zu ...

So wählen Sie den richtigen MySQL-Datums-/Uhrzeittyp zum Speichern Ihrer Zeit

Beim Erstellen einer Datenbank und Schreiben eine...

Detaillierte Erklärung der Standort- und Umschreibenutzung in nginx

1. Zusammenfassung der Standortnutzung Der Stando...

Schreiben und Verstehen von Pfeilfunktionen und diesem in JS

Inhaltsverzeichnis Vorwort 1. So schreiben Sie Fu...

Schreiben Sie ein MySQL-Datensicherungsskript mithilfe der Shell

Ideen Eigentlich ist es ganz einfach Schreiben Si...

So erhöhen Sie die Ladegeschwindigkeit von HTML-Seiten

(1) Reduzieren Sie HTTP-Anfragen. (Ressourcendate...

Mit CSS3 erstellter Hintergrundverlaufsanimationseffekt

Ergebnisse erzielen Implementierungscode html <...

18 erstaunliche Verbindungen zwischen Interaktionsdesign und Psychologie

Designer müssen Psychologie verstehen, indem sie ...