HTML段落

  • 可以将HTML文档分割为多个段落.段落是通过<p>标签定义的.

例如:<p>我是一个段落</p>

由于<p>是一个块级元素,浏览器会自动在<p>前后添加空行.但是使用空的<p></p>是一个坏的习惯,要产生一个空行可以使用<br/>标签.

  • 不要忘记使用结束标签

即使忘了使用结束标签,大多数的浏览器也能够正确的现实HTML内容.但是通过结束标签来关闭HTML文档是一种经得起未来考研的HTML编写方法.
清楚地标记某个元素在何处开始,并在何处结束,不论对您还是对浏览器来说,都会使代码更容易理解。

  • HTML折行

在不产生一个新的段落下进行换行,可以使用<br/>标签.<br/>标签是一个空的HTML元素,由于结束标签没有任何意义,故没有结束标签.

<br>还是<br/>

br>和<br/>很相似,但是在XHTML XML以及未来的HTML版本中,不允许使用没有就是标签的HTML元素.
因此即使<br>在所有浏览器中的显示都没有问题,使用<br/>也是更长远的保障.

  • HTML输出

我们无法确定HTML被显示的确切效果.屏幕的大小以及对窗口的调整都可能产生不同的效果.对于HTML,你无法通过在HTML代码中添加额外的空格和换行来改变输出效果.
因为,当显示页面时,浏览器会移除源代码中多余空格和空行.所有所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

例如:

<html>

<body>

<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>

</body>
</html>

显示结果为

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.

浏览器忽略了连续的空行和空格.

要对文本进行换行可以使用<br/>标签.

<html>

<body>

<p>

青鸟衔巾久欲飞,<br/>黄莺别主更悲啼。<br/>
殷勤莫忘分携处,<br/>湖水东边凤岭西。

</p>

</body>

</html>

显示为:

青鸟衔巾久欲飞,
黄莺别主更悲啼。
殷勤莫忘分携处,
湖水东边凤岭西。

posted on 2010-11-23 15:33  codmer  阅读(697)  评论(1编辑  收藏  举报