千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > HTML水平线–心率标记示例

HTML水平线–心率标记示例

来源:千锋教育
发布人:syq
时间: 2022-09-21 10:10:43 1663726243

  您可以使用 HTML 标记来分隔页面上的不同主题。当我们想要在HTML页面上创建主题中断或单独的项目时,我们经常使用此标记。在本文中,您将了解如何在HTML代码中使用此标记。

心率标记示例

  基本语法

  标记是一个空元素。这意味着它只有一个开始标记 。<hr><hr>

  从HTML5开始,我们现在需要将斜杠附加到空元素的标签上。所以,与其拥有,不如让它.<hr><hr/>

  在浏览器中,标记显示为水平线或线,如下所示:<hr/>

1

  标记的属性<hr/>

  标记接受 、 、 和 等属性。<hr/>with color size align

  在向您展示各个属性的外观和工作方式之前,我将使用此CSS代码将正文中的所有内容设置为居中:

2

  宽度属性

  该属性用于指定标记的宽度。它将像素或百分比作为值。width<hr/>

3

4

  颜色属性

  该属性用于指定标记的颜色。color<hr/>

5

  以下是如果我们为标签设置绿色的外观:<hr/>

6

  大小属性

  您可以为具有属性的标签定义高度。该值必须以像素为单位进行设置。<hr/>size

6

  的高度类似于下面的屏幕截图:50px

7

  对齐属性

  该属性用于设置标记的对齐方式。它需要 和 值。align<hr/>left center right

  默认值为 left – 这意味着如果未设置对齐方式,则标记会自动向左对齐。<hr/>

7

  将 标记的对齐方式设置为 如下所示:right<hr/>

8

  结论

  本文将向您展示标记的外观、用途以及它接受的属性。<hr/>

  由于标记在浏览器中显示为水平线,因此您可能正在考虑使用它来绘制一条线。<hr/>

  但是你不应该这样做,因为水平规则只是在表现上,而不是在语义上。相反,您应该根据具体情况使用 或 绘制一条线。divspan

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT