HTML <hr> 标签

这篇具有很好参考价值的文章主要介绍了HTML <hr> 标签。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

实例

被水平线分隔的标题和段落:

<h1>This is header 1</h1>
<hr />
<p>This is some text</p>

浏览器支持

元素 Chrome IE Firefox Safari Opera
<hr> Yes Yes Yes Yes Yes

所有主流浏览器都支持 <hr> 标签。

定义和用法

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

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

HTML 与 XHTML 之间的差异

在 HTML 中,<hr> 标签没有结束标签。

在 XHTML 中,<hr> 必须被正确地关闭,比如 <hr />。

在 HTML 4.01 中,hr 元素的所有呈现属性均不被赞成使用。

在 XHTML 1.0 Strict DTD 中,hr 元素的所有呈现属性均不被支持。文章来源地址https://www.toymoban.com/news/detail-499308.html

可选的属性

<
属性 描述
align
  • center
  • left
  • right

到了这里,关于HTML <hr> 标签的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • HTML5+CSS3+JS小实例:鼠标滚轮水平滚动

    实例:鼠标滚轮水平滚动 技术栈:HTML+CSS+JS 效果: 源码: 【html】

    2024年02月06日
    浏览(40)
  • [HTML]Web前端开发技术16(HTML5、CSS3、JavaScript )表格课后练习网页标题:域标签的使用网页标题:美家装饰联系我们网页标题:登录界面网页标题问卷调查——喵喵画网页

    希望你开心,希望你健康,希望你幸福,希望你点赞! 最后的最后,关注喵,关注喵,关注喵,佬佬会看到更多有趣的博客哦!!! 喵喵喵,你对我真的很重要! 目录 前言 表格课后练习 网页标题:域标签的使用 网页标题:美家装饰联系我们 网页标题:登录界面 网页标题

    2024年01月24日
    浏览(49)
  • HTML5+CSS3小实例:带标题的3D多米诺人物卡片

    实例:带标题的3D多米诺人物卡片 技术栈:HTML+CSS 效果: 源码: 【html】

    2024年02月14日
    浏览(48)
  • ref拿到组件的实例对象或者原生html标签

    在组件中,或者html标签中写ref属性,就是在注册引用 可以通过ref拿到组件的实例对象 也可以通过ref拿到原生的html标签  

    2024年02月12日
    浏览(40)
  • 【剧前爆米花--前端三剑客】html的一些常用标签及其实例

    作者:困了电视剧 专栏:《JavaEE初阶》 文章分布:这是一篇关于html前端的文章,在这篇文章中我会简单介绍一些常用的html标签,并给出他们的应用实例,希望对你有所帮助!   目录 html常见标签 标题标签 段落标签 换行标签 格式化标签 图片标签 超链接标签 表格标签 列表

    2024年02月15日
    浏览(38)
  • 【前端修炼场】 — 这些标签你学会了么?快速拿下 “hr”

    此文为【前端修炼场】第四篇,上一篇文章链接: 上一篇 在此之前,诸位道友已经接触不少的标识符了,并且对于VSCode肯定也有诸多的不满!你是否也疑惑,为什么在VSCode里面换行或者空格都不会体现在网页上,这也太不方便了,其实还有更不方便的,我们许多特殊符号也

    2024年01月24日
    浏览(54)
  • 前端入门:重温div标签,解密br、hr、h1~h6和h7的作用

    ! DOCTYPE html    !-- 约束;声明,指定文档类型为HTML-- html lang = \\\"en\\\"     !-- html标签一般分为两部分:head标签和body标签-- head     title Document/ title / head body !-- body标签是html标签的主体内容--     !-- div标签:块级元素,一般用作页面整体的框架部分,里面放其它的标签 --     di

    2024年02月05日
    浏览(34)
  • Div标签里放img和span标签实现垂直水平居中

    正常默认布局 代码实现: 效果图如下:  我们首先 实现 span标签的文字在图片旁边垂直居中,这里有两种方法实现 方法一:在只考虑span文字在图片旁边垂直居中时推荐使用 给img和span标签的css样式都加上vertical-align: middle 代码实现: 效果图如下:   方法二:利用flex布局(

    2023年04月15日
    浏览(41)
  • HTML+JavaScript+CSS DIY 分隔条splitter

    现在电脑的屏幕越来越大,为了利用好宽屏,我们在设计系统UI时喜欢在左侧放个菜单或选项面板,在右边显示与菜单或选项对应的内容,两者之间用分隔条splitter来间隔,并可以通过拖动分隔条splitter来动态调研左右两边的宽度。 要在网页上实现这种UI界面,也有不少现成的

    2024年02月10日
    浏览(25)
  • 前端Vue自定义等宽标签栏标题栏选项卡

    前端组件化开发:以cc-chooseTab组件为例 随着技术的发展,开发的复杂度也越来越高。传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。为了解决这个问题,前端开发社区提

    2024年02月11日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包