零基础HTML入门教程(8)——水平线hr标签

教程管理员发布于2023-09-30 14:11 HTML教程 140

简介： 本小结我们讲述了hr水平线，加上他可以出来一个水平线，适当的使用回事文章更加清晰。我们上几小节学习了块级元素，行内元素，我们接下来学习一下水平线，熟练运用水平线。水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。我们可以看到加上hr春晓下面会出现一个水平线，这样就会看上去更清晰。标签在 HTML 页面中创建一条水平线。2.在 HTML 中，

本章目录

- 1.任务目标
- 2.水平线hr
- 3.代码演示
- 4.小节

1.任务目标

我们上几小节学习了块级元素，行内元素，我们接下来学习一下水平线，熟练运用水平线。

2.水平线hr

1.hr 标签在 HTML 页面中创建一条水平线。

水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。

2.在 HTML 中，hr标签没有结束标签。

3.代码演示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    《春晓》
    <hr>
    春眠不觉晓，处处闻啼鸟。夜来风雨声，花落知多少。
</body>
</html>