为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
再来一个水平分割线 - 使用<hr>标签实现水平线标签,初识HTML(5)+CSS(3)-升级版教程-慕课网
章节
课签
笔记
占位
占位

再来一个水平分割线 - 使用<hr>标签实现水平线标签

在信息展示时,有时会需要加一些用于分隔的横线,这样会使文章看起来整齐些。如下图所示:

语法:

html4.01版本 <hr>

xhtml1.0版本 <hr />

注意:

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

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

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

任务

我来试试:用<hr>标签分隔两段文字,使文章看起来更整洁。

1. 在右部编辑器中的第 9 行输入<hr />标签。

?不会了怎么办

1. 别忘了<hr>标签的语法

 <hr />

||

写笔记

公开笔记
提交
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

举报

0/150
提交
取消