JavaWeb学习之路(14)--HTML之水平线hr

简介: 本文目录1. 水平线的概念2. 水平线的用法3. 小结

1. 水平线的概念

HTML中有一个比较特别的标签,叫做水平线,写作<hr>。


该标签可以在网页上显示一条横线,一般用来分隔不同的网页内容。


2. 水平线的用法

使用方法很简单,在需要分割的地方,添加一个<hr>标签即可。


例如:


<!DOCTYPE html>

<html>


<head>

   <title>水平线实例</title>

   <meta charset="utf-8">

</head>


<body>

   《春晓》

   <hr>

   春眠不觉晓,处处闻啼鸟。夜来风雨声,花落知多少。

</body>


</html>


在诗歌的标题和内容直接,添加了一个水平线,所以效果如下:



3. 小结

水平线的使用非常简单,就不用再怎么总结了。


别小看水平线,在真实网页开发中,还经常会用到它。不错的标签!

相关文章
|
30天前
|
人工智能
|
2月前
|
数据可视化 前端开发
Twaver-HTML5基础学习(39)鹰眼可视化视图组件(OverView)
本文介绍了如何在Twaver-HTML5中使用鹰眼(Overview)可视化视图组件,它作为Network的缩略图,允许用户通过缩略图导航Network,支持单击、双击和框选操作来控制Network视图。
39 5
Twaver-HTML5基础学习(39)鹰眼可视化视图组件(OverView)
|
2月前
|
数据可视化 前端开发 容器
Twaver-HTML5基础学习(41)列表可视化视图组件(List)
本文介绍了如何在Twaver-HTML5中使用列表可视化视图组件(List),展示了如何创建列表、设置列表属性(如行高、间隔颜色等)、实现数据绑定和排序,以及如何通过React代码示例进行操作。
34 2
Twaver-HTML5基础学习(41)列表可视化视图组件(List)
|
2月前
Twaver-HTML5基础学习(38)劈分面板SplitPane
本文介绍了如何在Twaver-HTML5中使用SplitPane组件来创建可分割的面板,通过动态调整分割条来改变面板的大小,支持水平和垂直分割。
34 2
Twaver-HTML5基础学习(38)劈分面板SplitPane
|
2月前
|
前端开发
Twaver-HTML5基础学习(37)network导出图片并下载
本文介绍了如何在Twaver-HTML5中将network导出为图片并提供下载,主要通过将network转换为canvas对象,然后转换为base64编码的图片进行展示和下载。
37 5
|
2月前
|
移动开发 数据可视化 HTML5
Twaver-HTML5基础学习(40)表格可视化视图组件(Table)
本文介绍了如何在Twaver-HTML5中使用表格可视化视图组件(Table),包括创建表格、定义列对象、实现数据绑定和排序,以及处理表格事件和获取表格数据的方法。
40 1
|
1月前
html基础知识学习
html基础知识学习
31 0
|
12天前
|
移动开发 前端开发 JavaScript
[HTML、CSS]细节与使用经验
本文总结了前端开发中的一些重要细节和技巧,包括CSS选择器、定位、层级、全局属性、滚轮控制、轮播等。作者以纯文字形式记录,便于读者使用<kbd>Ctrl + F</kbd>快速查找相关内容。文章还提供了示例代码,帮助读者更好地理解和应用这些知识点。
35 1
[HTML、CSS]细节与使用经验
|
14天前
|
移动开发 前端开发 JavaScript
[HTML、CSS]知识点
本文涵盖前端知识点扩展、HTML标签(如video、input、canvas)、datalist和details标签的使用方法,以及CSS布局技巧(如margin、overflow: hidden和动态height)。文章旨在分享作者的学习经验和实用技巧。
28 1
[HTML、CSS]知识点