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

So verwenden Sie pdf.js zur Vorschau von PDF-Dateien in Vue

Wenn wir auf der Seite eine PDF-Vorschau anzeigen...

So implementieren Sie die Kontrollkästchen- und Radioausrichtung

Nicht nur das Verhalten verschiedener Browser ist...

Freigabe der schnellen Wiederherstellungslösung für große MySQL-SQL-Dateien

Vorwort Bei der Verwendung einer MySQL-Datenbank ...

CSS3-Beispielcode zum Erreichen einer Elementbogenbewegung

So verwenden Sie CSS, um die Bogenbewegung von El...

Detailliertes Tutorial zur Installation von MariaDB auf CentOS 8

Das Datenbankverwaltungssystem MariaDB ist ein Zw...

Methode zur Wiederherstellung von Betriebs- und Wartungsdaten der MySQL-Datenbank

In den vorherigen drei Artikeln wurden gängige Si...

Detaillierte Erklärung des TS-Objekt-Spread-Operators und des Rest-Operators

Inhaltsverzeichnis Überblick Objektrestattribut E...

Problem mit der Parameterübergabe beim Sprung auf HTML-Seite

Die Wirkung ist wie folgt: eine Seite Nach dem Kl...

JS implementiert das Baidu-Suchfeld

In diesem Artikelbeispiel wird der spezifische JS...

Detaillierte Erklärung der Verwendung von publicPath in Webpack

Inhaltsverzeichnis Ausgabe Ausgabepfad Ausgabe.öf...

Analyse des kumulativen Aggregationsprinzips von MySQL und Anwendungsbeispiele

Dieser Artikel veranschaulicht anhand von Beispie...

So ermitteln Sie die Höhe des MySQL InnoDB B+-Baums

Vorwort Der Grund, warum die InnoDB-Engine von My...

So erstellen Sie einen Pod in Kubernetes

Inhaltsverzeichnis Wie erstelle ich einen Pod? We...