当前位置:网站首页 > 网站建设教程 > HTML教程 > 正文

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

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

简介: 本小结我们讲述了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>

效果如下:

image

我们可以看到加上hr春晓下面会出现一个水平线,这样就会看上去更清晰。

4.小节

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


琼ICP备09004296号-12