首页 web前端 html教程 如何在HTML中插入一行?html横线标签hr全新讲解

如何在HTML中插入一行?html横线标签hr全新讲解

Dec 24, 2018 pm 02:15 PM

对于刚刚入门的新手不知道如何在HTML中插入一行?那么接下来我们认识一下html横线标签hr。

一:html横线标签hr属性

<hr> 标签主要是在html中创建水平线,hr是单标签,是没有结束标签的,而且所有的浏览器都是支持<hr> 标签,在html中,水平特点是100%的宽度,独立使用一行,并且将上下内容有一定的距离。

二:如何在HTML中插入一行

1.需要右键单击html并从“打开方式”菜单中选择文本编辑器(例如,记事本)。

2.选择要插入线的html位置,然后单击代码的最左侧,将光标直接放在线条的开始处。

3.创建一个空格,按住Enter两次向下移动,然后将光标向上移动到空白处。

4.添加“hr”标签,<hr>在行开始之前输入空格,并且<HR>标签会创建整个页面的水平线。

5.将“hr”标签前面的行移动到新行,按Enter操作,此时,<hr>标签就应该显示水平线了。

例如:

&lt;DOCTYPE html&gt; 
&lt;html&gt; 
&lt;body &gt;
 &lt;h1&gt;这是一个标题&lt;/h1 &gt;
 &lt;hr&gt;
 &lt;p1&gt;这是与行标题分隔的段落文本。&lt;/p1&gt;
 &lt;/body&gt; 
&lt;/html&gt;
登录后复制

效果如下:

如何在HTML中插入一行?html横线标签hr全新讲解

以上就是对如何在HTML中插入一行?html横线标签hr全新讲解介绍,如果你想了解更多有关HTML视频教程,请关注php中文网。


以上是如何在HTML中插入一行?html横线标签hr全新讲解的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章标签

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验? 公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验? Mar 04, 2025 pm 12:32 PM

公众号网页更新缓存难题:如何避免版本更新后旧缓存影响用户体验?

如何使用HTML5表单验证属性来验证用户输入? 如何使用HTML5表单验证属性来验证用户输入? Mar 17, 2025 pm 12:27 PM

如何使用HTML5表单验证属性来验证用户输入?

如何高效地在网页中为PNG图片添加描边效果? 如何高效地在网页中为PNG图片添加描边效果? Mar 04, 2025 pm 02:39 PM

如何高效地在网页中为PNG图片添加描边效果?

&lt; iframe&gt;的目的是什么。 标签?使用时的安全考虑是什么? &lt; iframe&gt;的目的是什么。 标签?使用时的安全考虑是什么? Mar 20, 2025 pm 06:05 PM

&lt; iframe&gt;的目的是什么。 标签?使用时的安全考虑是什么?

&lt; datalist&gt;的目的是什么。 元素? &lt; datalist&gt;的目的是什么。 元素? Mar 21, 2025 pm 12:33 PM

&lt; datalist&gt;的目的是什么。 元素?

&lt; meter&gt;的目的是什么。 元素? &lt; meter&gt;的目的是什么。 元素? Mar 21, 2025 pm 12:35 PM

&lt; meter&gt;的目的是什么。 元素?

HTML5中跨浏览器兼容性的最佳实践是什么? HTML5中跨浏览器兼容性的最佳实践是什么? Mar 17, 2025 pm 12:20 PM

HTML5中跨浏览器兼容性的最佳实践是什么?

使用IFRAME的安全性含义是什么?如何减轻它们? 使用IFRAME的安全性含义是什么?如何减轻它们? Mar 18, 2025 pm 02:51 PM

使用IFRAME的安全性含义是什么?如何减轻它们?

See all articles