HTML教程 横线标签(hr)的使用

 时间:2026-02-16 05:51:20

1、新建一个31.html,如图所示:

HTML教程 横线标签(hr)的使用

2、定义html5标准网页声明,如图所示:

HTML教程 横线标签(hr)的使用

3、输入html网页基本结构,设置网页标题为: 横线标签(hr)的使用,如图所示:

HTML教程 横线标签(hr)的使用

4、hr 标签的作用:在 HTML 页面中创建一条水平线,如图所示:

HTML教程 横线标签(hr)的使用

5、hr 标签的常用属性,如图所示:

HTML教程 横线标签(hr)的使用

6、定义一条(宽度:800,粗细: 100,颜色:红色,对齐:居中对齐,没有阴影) 横线,如图所示:

HTML教程 横线标签(hr)的使用

7、运行该网页,在浏览器上查看横线标签(hr)的效果,如图所示:

HTML教程 横线标签(hr)的使用

8、至此,本教程结束!

  • 如何在html中让图片和文字居中对齐
  • HTML用代码制作虚线框方法
  • html如何文字居中与背景
  • 如何实现HTML/CSS文字环绕图片布局?
  • HTML怎么实现网页跳转
  • 热门搜索
    如何申请助学贷款 怎么辞职比较好 tanx的导数是什么 工资收入证明怎么写 误删文件怎么恢复 偏瘦的人如何长胖 man是什么意思 过敏性体质怎么改善 花桥生活网 如何提高弹跳力