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

程序员大宁

已于 2022-12-02 22:08:17 修改

阅读量862

点赞数

分类专栏： HTML篇文章标签： html vscode 前端

于 2022-12-02 21:35:02 首次发布

本文链接：https://blog.csdn.net/weixin_61808806/article/details/128154906

版权

HTML篇专栏收录该内容

23 篇文章 1 订阅

订阅专栏

本章目录

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>

效果如下:
在这里插入图片描述
我们可以看到加上hr春晓下面会出现一个水平线，这样就会看上去更清晰。

4.小节

本小结我们讲述了hr水平线，加上他可以出来一个水平线，适当的使用回事文章更加清晰。

程序员大宁

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
零基础HTML入门教程(8)——水平线hr标签

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

扫一扫