html中的〈hr〉标记代表什么意思

html中的〈hr〉标记代表什么意思,第1张

<hr> 标签定义 HTML 页面中的主题变化(比如话题的转移),并显示为一条水平线

<hr> 元素被用来分隔 HTML 页面中的内容(或者定义一个变化)。

在 HTML5 中,<hr> 定义内容中的主题变化,并显示为一条水平线。

在 HTML 4.01 中,<hr> 标签仅仅显示为一条水平线。

在 HTML 4.01 中,所有的布局属性都 已废弃。在 HTML5 中不再支持这些属性。请使用 CSS 来为 <hr> 元素定义样式

简单的说就是一条分割线,或者称为水平线。

<hr>标签在 HTML 页面中创建一条水平线。水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。实例被水平线分隔的标题和段落:<h1>This is header 1</h1><hr /><p>This is some text</p>。

拓展:

1、HR,是网页程序的标签语言,<hr>标签在 HTML 页面中创建一条水平线。<hr>标签在 HTML 页面中创建一条水平线。水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。<hr />是网页编辑里的一个标签,其表现形式为一条横线。

2、在 HTML 中,<hr>标签没有结束标签。在 XHTML 中,<hr>必须被正确地关闭,比如 <hr />。在 HTML 4.01 中,hr 元素的所有呈现属性均不被赞成使用。在 XHTML 1.0 Strict DTD 中,hr 元素的所有呈现属性均不被支持。

HTML的hr标签可以创建一条水平线。下面,我们来看看html中hr的各种样式使用吧。

01

创建一条水平线

先使用<hr/>标签来创建一条水平线,如下图所示

02

hr的高度

使用style来设置hr水平线的样式,比如设置hr的高度, <hr style=" height:30px" />。如下图所示:

03

没有边框

使用border:none来设置hr没有边框,如下图所示:

04

dotted 虚线

使用dotted将水平线设置成虚线,如下图所示:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7278357.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存