Heim Web-Frontend HTML-Tutorial Wissenszusammenfassung von HTML-Absätzen

Wissenszusammenfassung von HTML-Absätzen

Jan 22, 2018 am 10:44 AM
html 总结 段落

Dieses Mal werde ich Ihnen eine Zusammenfassung des Wissens über HTML-Absätze geben. Was sind die Vorsichtsmaßnahmen bei der Verwendung von HTML-Absätzen?

HTML-Absätze

Absätze werden durch das

-Tag definiert.

Beispiel

<p>This is a paragraph </p>
<p>This is another paragraph</p>
Nach dem Login kopieren


Tipp: Das Vergessen, ein schließendes Tag zu verwenden, kann zu unerwarteten Ergebnissen und Fehlern führen. Das align-Attribut von

ist in HTML4/5 veraltet. Bitte verwenden Sie stattdessen CSS. Absatz unterstützt Ereignisattribute und globale Attribute

Textausrichtung in Absätzen

<!DOCTYPE html><html><head><style>h1 {text-align:center;}p.date {text-align:right;}p.main {text-align:justify;}</style></head>
<body>
<h1>CSS text-align 实例</h1><p class="date">2015 年 3 月 14 号</p><p class="main">“当我年轻的时候,我梦想改变这个世界;当我成熟以后,我发现我不能够改变这个世界,我将目光缩短了些,决定只改变我的国家;当我进入暮年以后,我发现我不能够改变我们的国家,我的最后愿望仅仅是改变一下我的家庭,但是,这也不可能。当我现在躺在床上,行将就木时,我突然意识到:如果一开始我仅仅去改变我自己,然后,我可能改变我的家庭;在家人的帮助和鼓励下,我可能为国家做一些事情;然后,谁知道呢?我甚至可能改变这个世界。”</p><p><b>注意:</b> 重置浏览器窗口大小查看 &quot;justify&quot; 是如何工作的。</p></body></html>
Nach dem Login kopieren

Syntax

<p align="left|right|center|justify">
Nach dem Login kopieren

Eigenschaftswert

HTML-Zeilenumbruch

Wenn Sie eine neue Zeile umbrechen möchten, ohne einen neuen Absatz zu erstellen, verwenden Sie bitte das Tag

Beispiel

<p>This is<br>a para<br>graph with line breaks</p>
<br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。
Nach dem Login kopieren

Tipp: Das
-Tag ist sehr nützlich, wenn Sie Adressinformationen oder Gedichte schreiben. Hinweis: Verwenden Sie das Tag
, um Leerzeilen statt geteilter Absätze einzugeben. Hinweis: HTML-Ausgabe – Verwendungshinweis Wir können den genauen Effekt des angezeigten HTML nicht bestimmen. Die Größe des Bildschirms sowie Anpassungen des Fensters 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.

<body>
<h1>春晓</h1>
<p>
春眠不觉晓,
  处处闻啼鸟。
    夜来风雨声,
      花落知多少。
</p>
<p>注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。</p>
</body>
</html>
Nach dem Login kopieren

Ausgabe

Frühlingsdämmerung

Frühlingsschlaf, ohne die Morgendämmerung zu bemerken, kann ich überall den Gesang der Vögel hören. Nachts ertönt das Geräusch von Wind und Regen, und Sie wissen, wie viele Blumen gefallen sind.

Beachten Sie, dass Browser Typografie im Quellcode ignorieren (überflüssige Leerzeichen und Zeilenumbrüche werden weggelassen).

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

Detaillierte Beispiele für die HTML-Textformatierung

Zusammenfassung häufig verwendeter Tags in HTML

Sonderzeichen von HTML-CSS3-Inhalten: So verwenden Sie „Sonderzeichen“

Das obige ist der detaillierte Inhalt vonWissenszusammenfassung von HTML-Absätzen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles