html中hr标签的详细介绍

原创 国哥笔记  2019-04-23 19:24  阅读 382 views 次

本篇将介绍的是html中<hr>标签的用法,有兴趣的朋友可以了解一下!

在html5版本中升级了一些原有的标签,使其具有语义化。今天介绍的就是其中一个,即<hr>标签,我们一起来了解一下该标签的具体用法吧!

“hr”是“Horizontal Rule”英文的缩写,有“水平线”的意思。它在html中作为标签又有什么用途呢?我们一起来看看吧!

一、<hr>标签的定义及用法

在html4.01版本中,<hr>标签是使用来定义一条水平线。在html5版本中升级了该标签,使其具有语义,用来定义主题的变化,比如话题的转移,并显示一条水平线;

<hr>标签的显示上是一条水平线,效果在视觉上将文档分割成各个部分。

二、<hr>标签语法格式

<hr>或<br/>

说明:

  1. <hr>标签是单标签(空标签),没有元素内容,只是显示为一条水平线,表示话题的转移;
  2. <hr>标签的align、noshade、size、width属性在html5版本中已经不支持,需要修改样式请使用css(层叠样式表)。

三、实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>html中hr标签的详细介绍</title>
</head>
<body bgcolor="bisque">
<p>编程的乐趣是一个关于编程的百家号</p>
<hr>
<p>hr标签是使用来定义一条水平线,表示话题的转移</p>
</body>
</html>

运行结果:

hr标签演示

好了,关于html中的<hr>标签的介绍就完了,希望能帮助大家!

更多html标签----->html标签大全

本文地址:https://www.ggbiji.com/html-hr-2.html
版权声明:本文为 国哥笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情