HTML-avsnitt

Du kan dela upp ett HTML-dokument i flera paragrafer.

HTML-avsnitt

En paragraf definieras genom <p>-taggen.

Exempel

<p>Detta är en paragraf</p>
<p>Detta är en annan paragraf</p>

亲自试一试

Kommentar:Webbläsaren lägger automatiskt till tomma rader före och efter en paragraf. (<p> är en blockelement)

Tips:Att använda tomma paragrafsmärken <p></p> för att skapa en tom rad är en dålig vanlighet. Använd <br />-taggen i stället! (Men använd inte <br />-taggen för att skapa listor. Det kommer att förklaras senare i kapitlet om HTML-listor.)

Glöm inte sluttaggar

Och även om du glömmer att använda sluttaggar, visar de flesta webbläsare HTML korrekt:

Exempel

<p>Detta är en paragraf
<p>Detta är en annan paragraf

亲自试一试

Exempeln ovan fungerar i de flesta webbläsare, men förlita dig inte på detta. Glöm att använda sluttaggar kan leda till oväntade resultat och fel.

Kommentar:I framtida HTML-versioner kommer det inte att vara tillåtet att utesluta sluttaggar.

Tips:Att stänga av HTML med sluttaggar är en metod som håller sig stark i framtiden. Att tydligt markera var ett element börjar och slutar, oavsett för dig eller din webbläsare, gör koden enklare att förstå.

HTML brytning

Om du vill bryta rad utan att skapa en ny paragraf, använd <br />-taggen:

Detta är<br />en paragraf med radbrytningar

亲自试一试

<br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签。

<br> 还是 <br />

您也许发现 <br> 与 <br /> 很相似。

在 XHTML、XML 以及未来的 HTML 版本中，不允许使用没有结束标签（闭合标签）的 HTML 元素。

即使 <br> 在所有浏览器中的显示都没有问题，使用 <br /> 也是更长远的保障。

HTML 输出 - 有用的提示

我们无法确定 HTML 被显示的确切效果。屏幕的大小，以及对窗口的调整都可能导致不同的结果。

对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。

当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。

亲自试一试

（这个例子演示了一些 HTML 格式化方面的问题）

来自本页的实例

HTML-avsnitt
如何在浏览器中显示 HTML 段落。
换行
在 HTML 文档中使用换行。
在 HTML 代码中的排版一首唐诗
浏览器在显示 HTML 时，会省略源代码中多余的空白字符（空格或回车等）。

更多实例

更多段落
段落的默认行为。

HTML 标签参考手册

CodeW3C.com 的标签参考手册提供了有关 HTML 元素及其属性的更多信息。

标签 描述
<p> 定义段落。
<br /> 插入单个折行（换行）。