HTML kann ein Dokument in mehrere Absätze unterteilen. Das Absatz-Tag <p> kann in HTML verwendet werden, um den Inhalt des Dokuments in mehrere Absätze zu unterteilen.
<p>Absatz, Inhalt. </p>
Das Absatz-Tag besteht aus einem Start-Tag <p> und einem End-Tag </p>. Der Inhalt zwischen dem Start-Tag und dem End-Tag wird als Absatz betrachtet. Das Absatz-Tag ist ein sehr einfaches Tag, das wir beim Veröffentlichen von Artikeln im Web verwenden.
Abschnitt:
1. HTML-Absätze werden durch <p>-Tags definiert.
Hinweis: Browser fügen vor und nach Absätzen automatisch Leerzeilen ein. (</p> ist ein Element auf Blockebene)
2. Vergessen Sie nicht das schließende Tag
Selbst wenn Sie vergessen, das schließende Tag zu verwenden, zeigen die meisten Browser den HTML-Code korrekt an:
<p>Dies ist ein Absatz<p>Dies ist ein weiterer Absatz
Die laufenden Ergebnisse sind in der folgenden Abbildung dargestellt:
Das obige Beispiel funktioniert in den meisten Browsern gut, aber verlassen Sie sich nicht auf diesen Ansatz. Wenn Sie vergessen, schließende Tags zu verwenden, kann dies zu unerwarteten Ergebnissen und Fehlern führen.
Hinweis: In einer zukünftigen HTML-Version wird das Weglassen des schließenden Tags nicht mehr zulässig sein.
3. HTML-Zeilenumbruch
Wenn Sie eine neue Zeile umbrechen möchten, ohne einen neuen Absatz zu erstellen, verwenden Sie das <br>-Tag:
Beispiel:
<p>Dieser<br>Absatz<br>demonstriert den Effekt der Verzweigung</p>
Die laufenden Ergebnisse sind in der folgenden Abbildung dargestellt:
Das <br />-Element ist ein leeres HTML-Element. Da ein schließendes Tag keinen Sinn ergibt, gibt es kein schließendes Tag.
4. HTML-Ausgabe – Erinnerungen verwenden
Wir können den genauen Effekt des angezeigten HTML-Codes nicht bestimmen. Die Größe des Bildschirms und Anpassungen am Fenster können zu unterschiedlichen Ergebnissen führen.
Bei HTML können Sie die Ausgabe nicht ändern, indem Sie dem HTML-Code zusätzliche Leerzeichen oder Zeilenumbrüche hinzufügen.
Beim Anzeigen der Seite entfernt der Browser zusätzliche Leerzeichen und Leerzeilen aus dem Quellcode. Alle aufeinanderfolgenden Leerzeichen oder Leerzeilen werden als ein Leerzeichen gezählt. Beachten Sie, dass alle aufeinanderfolgenden Leerzeilen (Newlines) im HTML-Code ebenfalls als Leerzeichen angezeigt werden.
<!DOCTYPEhtml><html><head><metacharset=utf-8><title>C Language Network (dotcpp.com)</title></head><body><h1>春晓</h1><p> Wenn ich im Frühling schlafe, merke ich die Morgendämmerung nicht. <p>Ich höre überall Vögel singen. <p>Das Geräusch von Wind und Regen kommt in der Nacht, <p>Wie viele Blumen sind gefallen. <p></p><p>Beachten Sie, dass der Browser Typografie im Quellcode ignoriert (überflüssige Leerzeichen und Zeilenumbrüche werden weggelassen). </p></body></html>
Die laufenden Ergebnisse sind in der folgenden Abbildung dargestellt:
5. Leerraum in Absätzen
Standardmäßig führt das Absatz-Tag die Leerzeichen im Text zusammen und zeigt mehrere aufeinanderfolgende Leerzeichen als ein Leerzeichen an. Die spezifische Leistung ist wie folgt:
(1) Wenn in einem Absatz mehrere aufeinanderfolgende Leerzeichen vorkommen, ignoriert der Browser diese Leerzeichen und behält nur eines bei;
(2) Wenn in einem Absatz mehrere aufeinanderfolgende Zeilenumbrüche auftreten, wandelt der Browser diese Zeilenumbrüche in ein Leerzeichen um.
Beispielanzeige:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>C Language Network (dotcpp.com)</title></head><body><p>C Language Network (dotcpp.com) , eine Website zum Online-Lernprogrammieren, URL: <ahref=https://www.dotcpp.com/target=_bl ank>https://www.dotcpp.com/</a></p><p>Das C Language Network hat derzeit Tutorials für fast <b>15</b> Module veröffentlicht, darunter HTML, C-Sprache und C++ , JavaScript und andere Module können Sie <ahref=https://www.dotcpp.com/course/target=_blank>hier klicken</a>, um alle Tutorials anzuzeigen. </p><p>Unser Ziel: eine Website, die jedem hilft, das Programmieren auf bodenständige Weise zu erlernen. </p></body></html>
Die laufenden Ergebnisse sind in der folgenden Abbildung dargestellt: