我爱自学网 > HTML/CSS > HTML 教程 > HTML 教程 > HTML 段落 访问量:

HTML 段落

<上一篇:HTML 标题 下一篇:HTML 文本格式化 >
HTML 可以将文档分割为若干段落。 HTML 段落 段落是通过 <p> 标签定义的。 实例 <p>这是一个段落 </p> <p>这是另一个段落</p> 尝试一下 » 注意:浏览器会自动地在段落的前后添加空行。

HTML 段落

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我爱自学网—5azixuewang.com</title>
</head>
<body>

<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>

</body>
</html>

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

不要忘记结束标签

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我爱自学网—5azixuewang.com</title>
</head>
<body>

<p>这是一个段落。
<p>这是一个段落。
<p>这是一个段落。

</body>
</html>

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

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

HTML 折行

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我爱自学网—5azixuewang.com</title>
</head>
<body>

<p>这个<br>段落<br>演示了分行的效果</p>
</body> </html>
<br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。

HTML 输出- 使用提醒

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

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

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

本站实例

HTML 段落

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我爱自学网—5azixuewang.com</title>
</head>
<body>
 
<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>
 
</body>
</html>

如何在浏览器中显示 HTML 段落。

换行

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我爱自学网—5azixuewang.com</title>
</head>
<body>
 
<p>这个<br>段落<br>演示了分行的效果</p>
 
</body>
</html>

在 HTML 文档中使用换行。

在 HTML 代码中的排版一首唐诗

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我爱自学网—5azixuewang.com</title>
</head>
 
<body>
 
<h1>春晓</h1>
 
<p>
    春眠不觉晓,
      处处闻啼鸟。
        夜来风雨声,
          花落知多少。
</p>
 
<p>注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。</p>
 
</body>
 
</html>

浏览器在显示 HTML 时,会省略源代码中多余的空白字符(空格或回车等)。 

HTML 标签参考手册

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

标签 描述
<p> 定义一个段落
<br> 插入单个折行(换行)

<上一篇:HTML 标题 下一篇:HTML 文本格式化 >
本章内容:
1. HTML 简介
2. HTML 编辑器
3. HTML 基础
4. HTML 元素
5. HTML 属性
6. HTML 标题
7. HTML 段落
8. HTML 文本格式化
9. HTML 链接
10. HTML 头部<head>
11. HTML CSS样式
12. HTML 图像
13. HTML 表格
14. HTML 列表
15. HTML 区块
16. HTML 布局
17. HTML 表单
18. HTML 框架
19. HTML 颜色
20. HTML 颜色名
21. HTML 颜色值
22. HTML 脚本
23. HTML 字符实体
24. HTML URL
25. HTML 速查列表
26. HTML 总结
27. HTML - XHTML
28. HTML 多媒体
29. HTML 插件
30. HTML 音频
31. HTML 视频