HTML hr标签简介

1、简介

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

2、标准属性

     id, class, title, style, dir, lang, xml:lang

3、可选的属性

属性	值	描述	DTD
align	center left right	不赞成使用。请使用样式取代它。规定 hr 元素的对齐方式。	TF
noshade	noshade	不赞成使用。请使用样式取代它。规定 hr 元素的颜色呈现为纯色。	TF
size	pixels	不赞成使用。请使用样式取代它。规定 hr 元素的高度（厚度）。	TF
width	pixels %	不赞成使用。请使用样式取代它。规定 hr 元素的宽度。	TF

4、事件属性

  onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

5、示例

<html>
<body>
<p>hr 标签定义水平线：</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
<hr size="1" noshade="noshade" style="border:1px #cccccc dotted;">
<p>这是段落。</p>
</body>
</html>

HTML hr标签简介相关推荐

【HTML基础-1】HTML标签简介及常用标签
目录 1 HTML概述 1.1 什么是HTML 1.2 HTML的语法规则 2 HTML标签简介 2.1 HTML标签 2.2 HTML元素 2.3 HTML实例 3 HTML常用标签 3.1 标题标 ...
HTML的br/标签和hr/标签
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
HTML5前端开发入门之H系列标签，P标签和Hr标签
##H系列标签(Header1~Header2) -作用:用于给文本添加标题语义 -格式: -<h1>xxxxxx</h2> -注意点: -H标签是用来给文本添加标题语义的,而 ...
hr/标签的属性及样式
用简单的"hr"语句就能实现多样化的分割效果: 最基本的:<hr width=300 size=1 color=#5151A2 align=center noshade> ...
css中如何设置hr的样式？css hr标签多种样式（图文）
在对html网页进行美化的时候,肯定少不了要用的hr标签进行修饰页面,但默认的hr标签样式对页面的修饰起不到什么好的作用,有经验的前端工作者就会通过使用css样式来对hr标签进行一些美化的操作.那么如 ...
「HTML和CSS入门指南」hr 标签详解
HTML5 中的 hr 标签 HTML5 中的 <hr> 标签是用于插入水平分割线的标签,通常用于在页面中添加分隔线或者段落之间的分割线.<hr> 标签可以单独使用,也可以与其 ...
HTML 关于hr标签,虚线
hr标签是单独使用的标签,是水平线标签,用于段落与段落之间的分隔,使文档结构清晰明了,使文字的编排更整齐通过设置<hr>标签的属性值,可以控制水平分隔线的样式. <hr&g ...
HTML hr 标签定义和用法
<hr> 标签在 HTML 页面中创建一条水平线. 水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分. 实例被水平线分隔的标题和段落: <h1>T ...
html中hr标签有哪些属性,htmlhr标签的属性有哪些？HTMLhr标签的样式详解
html hr标签的属性有哪些?HTML hr标签的样式详解,本篇文章介绍了html中的hr标签的定义及其属性描述,还有关于html hr标签的样式使用的几种方法 html中hr标签定义和用法: 标签 ...

HTML hr标签简介

HTML hr标签简介相关推荐

最新文章

热门文章