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怎么实现网页跳转
  • 热门搜索
    河豚鱼的做法 为什么尿不尽 红烧鸭子的做法大全 白带多怎么办 收据怎么写 公积金贷款额度怎么算 天空为什么是蓝的 吊兰怎么养才能更旺盛 鸡腿怎么做好吃 直角三角形斜边怎么算