1、首先新建html文档，输入html5标准声明，如图所示。
2、然后输入html基本网页结构，如图所示。
3、接着输入hr标签<hr>是水平线，是单边标记，如图所示。
4、hr标签的常用属性，Size：设置水平线的粗细。
5、Width：设置水平线的宽度， Color：设置水平线的颜色，noshade：纯色显示，不带阴影效果。
6、最后运行网页，查看效果，如图所示，就完成了。
通过设置HR的属性来控制标签的水平线的长度跟颜色，width=" " 来控制为宽度，color=" " 来控制水平线的颜色。
<hr width="宽度" color="颜色"> 宽度范围为1到100，颜色可以任意设置指定的RGB颜色代码。通过这种方式来设置HR标签的长度跟颜色。
<hr> 标签在 HTML 页面中创建一条水平线。水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。
<hr />是网页编辑里的一个标签，其表现形式为一条横线。
扩展资料
<hr width="90%" size="1" color="red" />
说明：width=" " 引号里为宽度
size=" " 引号里为高度
color=" " 水平线的颜色
noshade="noshade"定义不投影
color=" "定义线条的颜色
align=" "设置对齐
在 HTML 4.01 中，不赞成使用 hr 元素的 size、width、noshade、 align属性；在 XHTML 1.0 Strict DTD 中，不支持 hr 元素的这些属性，请使用 CSS 代替。
示例可改为：<hr style="width:90%;height:1;color:red" />
参考资料来源：百度百科-HR
本回答被网友采纳color属性：控制颜色可以和或是十六进制数设置:<hr color=颜色值>
size属性：控制水平线的粗细，以像素(pixel)为单位表示，下面的语法建立粗细为10pixel的水平分隔线:<hr size=10>
width属性：控制水平线的宽度，可以用像素(pixel)为单位表示，也可以使用对屏幕百分比表示，下面的语法建立宽度屏幕长度50%的水平分隔线:<hr width=50%>本回答被网友采纳
通过设置HR的属性来控制标签的水平线的长度跟颜色，width=" " 来控制为宽度，color=" " 来控制水平线的颜色。
<hr width="宽度" color="颜色"> 宽度范围为1到100，颜色可以任意设置指定的RGB颜色代码。通过这种方式来设置HR标签的长度跟颜色。
<hr> 标签在 HTML 页面中创建一条水平线。水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。
<hr />是网页编辑里的一个标签，其表现形式为一条横线。
扩展资料
<hr width="90%" size="1" color="red" />
说明：width=" " 引号里为宽度
size=" " 引号里为高度
color=" " 水平线的颜色
noshade="noshade"定义不投影
color=" "定义线条的颜色
align=" "设置对齐
在 HTML 4.01 中，不赞成使用 hr 元素的 size、width、noshade、 align属性；在 XHTML 1.0 Strict DTD 中，不支持 hr 元素的这些属性，请使用 CSS 代替。
示例可改为：<hr style="width:90%;height:1;color:red" />
参考资料来源：百度百科-HR