21xrx.com
2025-06-02 00:22:06 Monday
登录
  

HTML段落

上一章 下一章

HTML文档被分成很多个段落

HTML段落

<p>标签定义一个段落.

<p>这是一个分段</p>
<p>这是另一个分段</p>
Markup
浏览器会自动在一个段落前面和后面加一些空白.

HTML显示

你不能确定浏览器将怎么显示HTML.

大屏和小屏,和改变窗口尺寸,这将会产生不同的结果.

在HTML里,你不能在HTML代码里添加额外空白和空行来改变显示样子.

在显示时,浏览器将会删除多余的空白和空行.

无论多少空格或多少空行都会被当做一个空格显示.

<p>
这是一个段落
包含很多行
在源码里,
但是在浏览器里
将忽略.
</p>

<p>
这是一个段落
包含         很多空格
在         代码里有很多空格,
但是        在浏览器里
将忽略它.
</p>
Markup

不要忘记结束标签

即使你忘记了结束标签,大多数浏览器也会正确的显示.

<p>这是一个段落
<p>这是另一个段落
Markup

上面的例子将在绝大多数浏览器上正常工作,但是别依赖它.

如果忘记了结束标签将会产生意想不到的结果或错误.

严格版本的HTML,像XHTML,不允许你跳过结束标签.

换行

<br>标签定义一个换行符.

如果你想另起一行并且不用新的段落可以用<br>标签.

例子

<p>这是<br>一个<br>新行</p>
Markup

<br>元素是一个空元素,它没有结束标签.

诗歌的问题

诗歌将显示为一行

例子

<p>
  窗前明月光.

  疑是地上霜.

  举头望明月.

  低头思故乡.
</p>
Markup

<pre>元素

<pre>元素定义预先格式化的文本.

<pre>元素里的文本将显示为固定宽度的字体(通常为Courier字体),并且它将保留空格和换行.

例子

<pre>
  窗前明月光.

  疑是地上霜.

  举头望明月.

  低头思故乡.
</pre>
Markup

标签参考

本站的参考包含标签名和标签属性信息.

标签描述
<p>定义一个段落
<br>插入空行
<pre>定义预先格式化的文本.
  
  

评论区

21技术    www.21xrx.com 备案号:蜀ICP备17043188号-2