最新的Web开发教程

HTML段落


HTML文档被分成几段。


HTML段落

的HTML <p>元素定义一个段落

<p>This is a paragraph</p>
<p>This is another paragraph</p>
试一试»

浏览器和前一个段落后自动添加一些空白。


HTML显示

你无法确定HTML的显示方式。

或大或小屏幕,并调整窗口大小将产生不同的结果。

随着HTML,您无法通过在HTML代码中添加额外的空格或额外的线路改变输出。

在显示页面时,浏览器会删除多余的空格和多余的线条。

任意数量的空格,以及多个新的行,算只有一个空格

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>
试一试»

不要忘记结束标记

大多数浏览器会显示HTML即使正确,如果你忘记了结束标签:

<p>This is a paragraph
<p>This is another paragraph
试一试»

上面的例子可以在大多数浏览器中运行,但不依赖于它。

忘记使用结束标签会产生意想不到的结果或错误。

HTML的版本更加严格,比如XHTML,不允许你跳过结束标记。


HTML换行符

该HTML <br>元素定义了一个换行符

使用<br> ,如果你想有一个换行符(a new line) ,而无需启动一个新的段落:

<p>This is<br>a para<br>graph with line breaks</p>
试一试»

<br>元素是一个空的HTML元素。 它没有结束标签。


诗问题

这首诗会显示为一条线:

<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>
试一试»

的HTML <pre>

的HTML <pre>元素定义预格式文本。

一个内的文本<pre>元素显示在一个固定宽度的字体(通常速递),和它保留两个空间和换行符:

<pre>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>
试一试»

测试自己与练习!

练习1» 练习2» 练习3» 练习4»


HTML标签参考

w3ii”标签参考包含有关HTML元素及其属性的附加信息。

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