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

 时间:2026-04-23 12:32:15

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怎么实现网页跳转
  • 热门搜索
    八爪鱼怎么做好吃 水银中毒怎么办 你看起来很好吃 淘宝怎么改名字 怎么学好化学 山药的做法大全家常菜 柚子皮怎么做好吃 面积公式大全 东北乱炖的家常做法 伦理电影大全