讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > html教程 > 正文

html怎么设置hr

藏色散人
发布： 2021-03-31 17:06:41
原创
7899人浏览过
html设置hr的方法：首先创建一个HTML示例文件；然后在body中输入一些文本内容；最后在需要分隔的段落之间添加“”标签即可创建一条水平线。

html怎么设置hr

本教程操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。

 定义和用法

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

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

立即学习“前端免费学习笔记（深入）”；

HTML 与 XHTML 之间的差异

在 HTML 中，

标签没有结束标签。

在 XHTML 中，

必须被正确地关闭，比如
。

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

在 XHTML 1.0 Strict DTD 中，hr 元素的所有呈现属性均不被支持。

可选的属性

塔可商城
塔可商城

塔可商城, 一个基于springboot+uniapp+vue3技术栈开发的开源跨平台小程序、管理后台，后端服务的项目，它内置提供了会员分销， 区域代理， 商品零售等功能的新零售电商系统。强大弹性的架构设计，简洁的代码，最新的技术栈，全方面适合不同需求的前端，后端，架构的同学，同时更是企业开发需求的不二选择。 项目结构通过项目结构，你将清楚明白你即将入手的是一个怎么样的项目，你可能需要什么，如何

塔可商城 0
查看详情 塔可商城

eae8601ff2d539d76ba16abc891634d.png

实例

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

<html>

<body>
<p>hr 标签定义水平线：</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
</body>
</html>
登录后复制

效果如下：

5ece85f81ff1db0fc76fe2077a8c502.png

推荐学习：《HTML视频教程》《css视频教程》

以上就是html怎么设置hr的详细内容，更多请关注php中文网其它相关文章！

相关标签：
html

大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：什么是html属性 下一篇：html怎么设置图片
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
如何更改html浏览器_更改HTML默认打开浏览器【默认】 可通过Windows设置、控制面板、注册表、PowerShell或macOS访达修改HTML文件默认浏览器：依次使用右键属性更改、默认程序关联、注册表HKEY_CLASSES_ROOT.html项编辑、Set-ItemProperty命令或macOS简介面板“更改所有…”实现。
2025-12-20 22:12:08
272
如何快速学html5_快速学习HTML5步骤与速成技巧详解【方法】 掌握HTML5需聚焦核心语法、语义化标签、表单增强、多媒体嵌入及开发者工具调试：一、构建标准文档结构；二、熟用10个语义化标签；三、实践原生表单校验；四、零配置嵌入音视频；五、用开发者工具实时验证。
2025-12-20 22:10:02
186
怎么进入html5编辑_用VSCode/记事本打开.html文件即可进入HTML5编辑【进入】 最直接编辑HTML5文件的方式是用文本编辑器打开.html文件：一、VSCode右键打开或拖拽加载；二、记事本右键打开并设UTF-8编码；三、VSCode命令面板快速搜索打开。
2025-12-20 22:10:02
459
HTML如何嵌套多层标签_结构层次设计解析【方案】 HTML多层标签嵌套需遵循语义化规则、CSS作用域隔离、中立容器分组、规避隐式闭合及模板逻辑抽象五大方法，确保结构合法、可维护且无障碍。
2025-12-20 22:09:08
165
html5怎么加网址_HTML5用a标签href属性给文字或图片加跳转网址【添加】 HTML5使用标签为文字或图片添加超链接，支持href设置跳转地址、target="_blank"新窗口打开、rel="noopener"提升安全、相对/绝对路径选择及title属性增强可访问性。
2025-12-20 22:06:07
293
html5怎么画实线_HTML5用CSS border-style:solid画元素实线边框【绘制】 可通过CSS的border-style属性设为solid添加实线边框：一、内联样式用border:2pxsolid#000；二、内部样式表统一设置如div{border:1pxsolid#333}；三、外部CSS文件定义.my-box{border:3pxsolidred}并引入；四、单侧边框用border-bottom:2pxsolid#666；五、配合box-sizing:border-box确保尺寸准确。
2025-12-20 22:05:14
659
media引入html5媒体_音频视频标签嵌入方法【详解】 HTML5通过和标签原生支持音视频嵌入，配合多格式回退、poster封面、preload预加载及字幕功能，实现跨设备兼容播放。
2025-12-20 22:04:37
191
谷歌怎么下载html5_HTML5无需下载浏览器直接渲染运行页面文件【说明】 HTML5不是需下载的软件，而是浏览器原生标准；Chrome默认支持，可通过file://协议直接打开本地.html文件，或用http-server启动本地服务器以支持完整API功能。
2025-12-20 22:03:07
507
html标题如何_设置HTML页面标题与层级【层级】 应区分title元素与h1–h6语义标题：title设于head中且唯一，用于浏览器标签和SEO；h1为页面唯一主标题；h2–h6须严格递进嵌套；需用开发者工具验证层级完整性；ARIA仅作布局受限时的语义补充。
2025-12-20 22:02:02
484
如何向HTML追加新元素_DOM动态插入技术【教程】 可通过JavaScriptDOM操作动态添加元素：appendChild()追加末尾、insertBefore()指定位置插入、innerHTML字符串拼接（性能差）、insertAdjacentHTML()多位置插入、DocumentFragment优化批量插入。
2025-12-20 22:02:02
240
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部