开发手册HTMLCSSJavaScript
HTML手册HTMLHTML 教程HTML 简介HTML 基础HTML 元素HTML 属性HTML 标题HTML 段落HTML 格式化HTML 编辑器HTML 样式HTML 链接HTML 图像HTML 表格HTML 列表HTML 块HTML 布局HTML 表单HTML 框架HTML 内联框架HTML 背景HTML 颜色HTML 颜色名HTML 速查手册HTML 文档类型HTML 头部HTML 脚本HTML 实体HTML URLHTML URL 编码HTML Web 服务器HTML 媒体HTML 对象HTML 音频HTML 视频XHTML 简介XHTML 元素XHTML 属性HTML 实例HTML 总结HTML 属性HTML 事件HTML 合法 DTDHTML 颜色名HTML 字符集HTML ASCIIHTML ISO-8859-1HTML 符号HTML URL 编码HTML 语言代码HTML 消息HTML5 教程XHTMLHTML 5HTML相关CSS手册JavaScript手册

HTML 段落

可以把 HTML 文档分割为若干段落。

HTML 段落

段落是通过 <p> 标签定义的。

实例

<p>This is a paragraph</p>
<p>This is another paragraph</p>

亲自试一试

注释:浏览器会自动地在段落的前后添加空行。(<p> 是块级元素)

提示:使用空的段落标记 <p></p> 去插入一个空行是个坏习惯。用 <br /> 标签代替它!(但是不要用 <br /> 标签去创建列表。不要着急,您将在稍后的篇幅学习到 HTML 列表。)

不要忘记结束标签

即使忘了使用结束标签,大多数浏览器也会正确地将 HTML 显示出来:

实例

<p>This is a paragraph
<p>This is another paragraph

亲自试一试

上面的例子在大多数浏览器中都没问题,但不要依赖这种做法。忘记使用结束标签会产生意想不到的结果和错误。

注释:在未来的 HTML 版本中,不允许省略结束标签。

提示:通过结束标签来关闭 HTML 是一种经得起未来考验的 HTML 编写方法。清楚地标记某个元素在何处开始,并在何处结束,不论对您还是对浏览器来说,都会使代码更容易理解。

HTML 折行

如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签:

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

亲自试一试

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

<br> 还是 <br />

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

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

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

HTML 输出 - 有用的提示

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

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

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

亲自试一试

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

来自本页的实例

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

更多实例

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

HTML 标签参考手册

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

标签 描述
<p> 定义段落。
<br /> 插入单个折行(换行)。
关于千图| 赞助千图 |千图首页   Copyright2014千图网   沪ICP备10011451号-6   用时:0.0287秒

千图网提示