HTML-Grundlagen - Zusammenfassung - Empfehlung (Absatz)

HTML-Grundlagen - Zusammenfassung - Empfehlung (Absatz)

HTML-Absatz

Absätze werden durch das Tag <p> definiert.

Beispiele

<p>Dies ist ein Absatz</p>
<p>Dies ist ein weiterer Absatz</p>

Tipp: Wenn Sie vergessen, ein schließendes Tag zu verwenden, kann dies zu unerwarteten Ergebnissen und Fehlern führen.

Das Align-Attribut von <p> ist in HTML4/5 veraltet. Bitte verwenden Sie stattdessen CSS. Absätze unterstützen Ereignisattribute und globale Attribute

Textausrichtung innerhalb eines Absatzes

<!DOCTYPE html>
<html>
<Kopf>
<Stil>
h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}
</Stil>
</Kopf>

<Text>

<h1>CSS-Textausrichtungsbeispiel</h1>
<p class="date">14. März 2015</p>
<p class="main">„Als ich jung war, träumte ich davon, die Welt zu verändern. Als ich älter wurde, merkte ich, dass ich die Welt nicht verändern konnte, also beschränkte ich meine Ziele und beschloss, nur mein Land zu verändern. Als ich in die Abendstunden kam, merkte ich, dass ich unser Land nicht verändern konnte. Mein letzter Wunsch war, nur meine Familie zu verändern. Aber auch das konnte nicht geschehen. Jetzt, während ich im Sterben liege, wird mir plötzlich klar: Wenn ich mich zuerst selbst verändert hätte, dann hätte ich vielleicht meine Familie verändern können. Mit ihrer Hilfe und Ermutigung hätte ich vielleicht etwas für mein Land tun können. Und wer weiß? Dann hätte ich vielleicht sogar die Welt verändert.“</p>
<p><b>Hinweis:</b> Passen Sie die Größe Ihres Browserfensters an, um zu sehen, wie die Ausrichtung funktioniert. </p>
</body>
</html>

Grammatik
 <p ausrichten="links|rechts|zentriert|justieren">

Eigenschaftswert

值 描述
left 左對齊文本。
right 右對齊文本。
center 居中對齊文本。
justify 對行進行伸展，這樣每行都可以有相等的寬度（就像在報紙和雜志中）。

HTML-Zeilenumbrüche

Wenn Sie einen Zeilenumbruch (neue Zeile) wünschen, ohne einen neuen Absatz zu erstellen, verwenden Sie das Tag <br />:

Beispiele

<p>Dies ist<br>ein Absatz<br>mit Zeilenumbrüchen</p>
Das <br />-Element ist ein leeres HTML-Element. Da ein schließendes Tag keinen Sinn ergibt, gibt es kein schließendes Tag.

Tipp: <br>-Tags sind beim Schreiben von Adressinformationen oder Gedichten sehr nützlich. Hinweis: Verwenden Sie das Tag <br>, um eine Leerzeile einzufügen, anstatt einen Absatz umzubrechen. Hinweis: HTML-Ausgabe – Seien Sie vorsichtig, da wir nicht genau bestimmen können, wie das HTML angezeigt wird. Die Größe des Bildschirms und die Größenänderung des Fensters können zu unterschiedlichen Ergebnissen führen. Mit HTML können Sie keine zusätzlichen Leerzeichen oder Zeilenumbrüche in den HTML-Code einfügen, um die Ausgabe zu ändern. Beim Anzeigen einer Seite entfernt der Browser zusätzliche Leerzeichen und Leerzeilen aus dem Quellcode. Alle aufeinanderfolgenden Leerzeichen oder Leerzeilen werden als ein Leerzeichen gezählt. Wichtig zu beachten ist, dass alle aufeinanderfolgenden Leerzeilen (Newlines) im HTML-Code ebenfalls als ein Leerzeichen dargestellt werden. <html>

<Text>
<h1>Frühlingsdämmerung</h1>
<p>
Ich verschlafe den Frühling, ohne die Morgendämmerung zu kennen,
Überall sind Vögel zu hören.
Das Geräusch von Wind und Regen in der Nacht,
Wie viele Blumen sind abgefallen?
</p>
<p>Beachten Sie, dass Browser die Typografie im Quellcode ignorieren (durch Entfernung zusätzlicher Leerzeichen und Zeilenumbrüche). </p>
</body>
</html>

Ausgabe

Frühlingsdämmerung

Ich verschlief den Frühling, ohne die Morgendämmerung zu erleben, und hörte überall Vögel singen. Nachts hörte man Wind und Regen und ich fragte mich, wie viele Blumen abgefallen sind.

Beachten Sie, dass Browser die Typografie im Quellcode ignorieren (durch Entfernung zusätzlicher Leerzeichen und Zeilenumbrüche).

Die oben stehende HTML-Grundzusammenfassungsempfehlung (Absatz) ist der gesamte Inhalt, den der Editor mit Ihnen teilt. Ich hoffe, dass er Ihnen als Referenz dienen kann. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.

Original-URL: http://www.cnblogs.com/sxtywjx/archive/2016/07/13/5665124.html

<<:  Der gesamte Prozess der Installation von Gogs mit Pagoda Panel und Docker

>>:  Detaillierte Einführung in das MySQL-Installationstutorial unter Windows

Artikel empfehlen

Detaillierte Erklärung der Funktionen outfile, dumpfile und load_file bei der MySQL-Injektion

Im späteren Stadium der Ausnutzung von SQL-Inject...

Detaillierte Erklärung der CSS-Stylesheets und des Formatlayouts

Stilvorlagen CSS (Cascading Style Sheets) wird zu...

Druid-Verbindungspool mit niedriger Version + MySQL-Treiber 8.0 führt zu Thread-Blockierungen und Leistungseinschränkungen

Inhaltsverzeichnis Phänomen Ursachenanalyse Aufru...

Verwenden Sie das Label-Tag, um das Optionsfeld auszuwählen, indem Sie auf den Text klicken

Das <label>-Tag definiert eine Bezeichnung (...

Centos7-Installation des FFmpeg-Audio-/Video-Tools – einfaches Dokument

ffmpeg ist ein sehr leistungsfähiges Tool zur Aud...

Vollständiger Code zur Implementierung der Vue-Backtop-Komponente

Wirkung: Code: <Vorlage> <div Klasse=&qu...

Einführung in die Nginx-Protokollverwaltung

Nginx-Protokollbeschreibung Über Zugriffsprotokol...

Lösung für das Problem der MySQL-Transaktionsparallelität

Ich bin während der Entwicklung auf ein solches P...

Vollständige Schritte zum Erstellen eines Hochleistungsindex in MySQL

Inhaltsverzeichnis 1. Index-Grundlagen 1. Arten v...

Windows CVE-2019-0708: Problem bei der Reproduktion der Sicherheitslücke bei der Codeausführung auf Remotedesktop

1. Beschreibung der Schwachstelle Am 15. Mai 2019...

So stellen Sie ein SpringBoot-Projekt mit Docker bereit

Die Entwicklung der Docker-Technologie bietet ein...

Implementierung des WeChat-Tap-Animationseffekts basierend auf dem CSS3-Animationsattribut

Als ich die kürzlich beliebte WeChat-Tap-Funktion...

Erstellen Sie einen Tomcat9-Cluster über Nginx und realisieren Sie die Sitzungsfreigabe

Verwenden Sie Nginx, um einen Tomcat9-Cluster zu ...

Sechs merkwürdige und nützliche Dinge über JavaScript

Inhaltsverzeichnis 1. Dekonstruktionstipps 2. Dig...

Ein kurzer Vortrag über die Variablenförderung in JavaScript

Inhaltsverzeichnis Vorwort 1. Welche Variablen we...