学习Html5笔记——分隔线hr元素

这个故事发生在某天，到华南植物园周边喝完早茶回公司，上网收集有趣的文字，整理修订多年前写好的《JavaScript》教程，并创作汉语SEO要用的《CSS语言》教程，存起来以后当文化传播作品使用。

一边整理《JavaScript》教程,一边在网上和女粉丝侃大山，突然间一个说自已是从香港离岛区来广州学现代汉语的女粉丝问：“陈老师，最近文化传播教程又打算教点什么新东西？”，我问：“你们都想学啥？”，女粉丝说：“陈老师！我想知道分隔线hr元素用法 。“下面就给大家讲下这个问题。

html语言中分隔线是hr元素，它的主要属性如表1。

分隔线属性表
属性名称	属性功能
size	线粗
color	线颜色
width	线长短

在Html5中，hr元素叫“分隔线”也叫“水平线”，它是一个单标签，用用来分隔文章中的小节。只要

---

出现在代码中，输出页面时就出现一条横线，如代码1。

下面设计几个p元素和一个hr元素做试验用，元素内容为“微信公众号：design-Rabbit”，如html语言1。

微信公众号：design-Rabbit


微信公众号：design-Rabbit


微信公众号：design-Rabbit


//下面是换行符br和上面用P元素的不一样，行间距很小


微信公众号：design-Rabbit

微信公众号：design-Rabbit

微信公众号：design-Rabbit

微信公众号：design-Rabbit

把html语言1移植进html5基础框架中，如html语言2。

//下面是P元素，行间距很大


微信公众号：design-Rabbit


微信公众号：design-Rabbit


微信公众号：design-Rabbit


//下面是换行符br和上面用P元素的不一样，行间距很小


微信公众号：design-Rabbit

微信公众号：design-Rabbit

微信公众号：design-Rabbit

微信公众号：design-Rabbit

运行html代码2，就可以看到图1的效果，如果还不会运行方法，可以看我以前写的Html5，学习代码运行方法。
注：看到图1页面中字体显示乱马时charset="GB2312"可以改成charset="utf-8"或改为其它的编码方式。

图1

看到图1中有一条分隔线，那么就说明我们这次的试验成功了，图1中的分隔线就是我们说的“< hr/ >”元素。
好！杰哥Html5学习笔记分享到这里，要知后事如何请点赞、收藏、关注我，如果喜欢请打赏。