第12课：&nbsp、<hr>标签添加水平横线

于 2016-10-20 13:49:05 发布
阅读量738 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： HTML／CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/gaojian123321/article/details/52871833
本文介绍了HTML中的&lt;hr&gt;标签用法，包括其语法形式及在不同版本HTML中的写法差异，并通过示例展示了如何在网页中使用&lt;hr&gt;标签来添加水平线。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在上一节的例子，我们已经讲解过在html代码中输入空格、回车都是没有作用的。

要想输入空格，必须写入&nbsp;。

认识<hr>标签，添加水平横线

语法：

html4.01版本 <hr>

xhtml1.0版本 <hr />

注意：

1. <hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。

2. <hr />标签的在浏览器中的默认样式线条比较粗，颜色为灰色，可能有些人觉得这种样式不美观，没有关系，这些外在样式在我们以后学习了css样式表之后，都可以对其修改。

3. 大家注意，现在一般使用 xhtml1.0 的版本（其它标签也是），这种版本比较规范。

代码：

 <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>hr标签使用</title>
</head>
<body>
<p>火车飞驰过暗夜里的村庄，月光，总是太容易让思念寂寞，太容易让人觉得孤独。</p>
<hr />
<p>每一枚被风吹起的蒲公英，都载满了一双眼睛的深情告别与一个目光的依依不舍。那天，我拿着行李，带上一个背影的祝福与惆怅，挥手告别了这片土地。我不知道，我何时会回来。</p>
</body>
</html>