百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> HTML中hr和br有哪些意思?是什么作用?
分享文章到:

HTML中hr和br有哪些意思?是什么作用?

发布时间:09/01 来源:未知 浏览: 关键词:
本篇文章主要给大家介绍HTML中hr和br标签的定义及用途。

本篇内容是非常简便易懂的,即使是关于初入门的HTML新手来说,一些根基标签的定义及用途,也是很容易把握的。

那么在我们HTML/css前端面试题中,偶然也会碰到这种简便的问题。

下面我们就结合简便的示例,为大家介绍下hr、br标签的定义及用途。

<br> 标签

<br> 表示可插入一个简便的换行符。<br> 标签是空标签(意味着它没有完毕标签,因此这是错误的:<br></br>)。在 XHTML 中,把完毕标签放在开端标签中,也就是 <br />。

<br> 标签代码示例:

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>br换行符简便示例</title>
<head>
</head>
<body>
<p>这是一段文字,一段文字,一段文字</p>
<p>这是一段文字,一段文字<br>br后的一段文字</p>
</body>
</html>

结果如下图:

100bcb60c777d779433c4d6ba5082fe.png

留意:<br> 标签只是简便地开端新的一行,而当阅读器碰到 <p> 标签时,平常会在相邻的段落之间插入一些垂直的间距。

<hr> 标签

<hr> 标签在 HTML 页面中创立一条水平线。水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。

<hr> 标签代码示例:

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>hr水平分隔线简便示例</title>
<head>
</head>
<body>
<p>这是一段文字,一段文字,一段文字</p>
<hr>
<p>这是一段文字,一段文字</p>
</body>
</html>

结果如下图:

32a26a4c5caed40a6b6204b3769616d.png

本篇文章就是关于HTML中hr和br标签的定义及用途介绍,非常简便,但愿对需要的伴侣有所帮忙!

想要理解更多前端相关知识,可以关注PHP中文网HTML视频教程、css视频教程、Bootstrap教程等等相关教程,欢迎大家参照 学习!

以上就是HTML中hr和br是啥意思?是什么作用?的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板