HTML水平线段HR标记详解

HR标签简介：

HR标签在HTML页面中创建一条水平线，在屏幕上显示一条水平线。

水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。

在HTML中，

标签没有结束标签。在XHTML 中，

必须被正确地关闭，比如

。

实例

被水平线分隔的标题和段落：

This is header 1

This is some text

This is header 1

This is some text

的属性：

size　水平线的宽度，规定hr元素的高度(厚度)。

width 水平线的长度，用占屏幕宽度的百分比或象素值来表示，规定hr元素的长度。

align水平线的对齐方式，有LEFT RIGHT CENTER三种，规定hr元素的对齐方式。

noshade 线段无阴影属性，为实心线段，规定 hr 元素的颜色呈现为纯色。

1、size线段粗细的设定：

这是第一条线段，无size设定，取内定值SIZE=1来显示

这是第二条线段，SIZE=5

这是第三条线段，SIZE=10

这是第一条线段，无size设定，取内定值SIZE=1来显示

这是第二条线段，SIZE=5

这是第三条线段，SIZE=10

2、width线段长度的设定：

这是第一条线段，无WIDTH设定，取WIDTH内定值100%来显示

这是第二条线段，WIDTH=50(点数方式)

这是第三条线段，WIDTH=50%(百分比方式)

这是第一条线段，无WIDTH设定，取WIDTH内定值100%来显示

这是第二条线段，WIDTH=50(点数方式)

这是第三条线段，WIDTH=50%(百分比方式)

3、align线段排列的设定：

这是第一条线段，无ALIGN设定，(取内定值RIGHT显示)

这是第二条线段，居中对齐

这是第三条线段，向右对齐

这是第一条线段，无ALIGN设定，(取内定值RIGHT显示)

这是第二条线段，居中对齐

这是第三条线段，向右对齐

4、noshade无阴影的设定，为实心线段：

这是第一条线段，无NOSHADE设定，取内定值阴影效果来显示

这是第二条线段，有NOSHADE设定

这是第一条线段，无NOSHADE设定，取内定值阴影效果来显示

这是第二条线段，有NOSHADE设定

HR标签水平分隔线修饰特效：

none：无样式；dotted：点线；dashed：虚线；solid：实线；

double：双线；groove：槽线；ridge：脊线；inset：内凹；outset：外凸。

1、dotted：点线

2、dashed：虚线

3、solid：实线

4、double：双线

5、groove：槽线

6、ridge：脊线

7、inset：内凹

8、outset：外凸

通过实践5—8并不理想，最好不要用。

两头渐变透明纺锤形右边渐变透明左边渐变透明立体效果钢针效果

备注：这几种效果不适合表内嵌套存在，例句如下表：

1、两头渐变透明：

2、纺锤形：

3、右边渐变透明：

4、左边渐变透明：

5、立体效果：

6、钢针效果：

html语言hr标记,HTML水平线段HR标记详解相关推荐

R语言基于forestplot包可视化森林图实战详解：美化的森林图：自定义字体设置、置信区间、坐标轴（刻度、标签、范围）、无效线去除、水平线、辅助线、box形状、色彩等
R语言基于forestplot包可视化森林图实战详解:美化的森林图:自定义字体设置.置信区间.坐标轴(刻度.标签.范围).无效线去除.水平线.辅助线.box形状.色彩等目录
R语言中如何计算C-Statistics？几种计算方法详解
R语言中如何计算C-Statistics?几种计算方法详解目录 R语言中如何计算C-Statistics? #包导入 #数据加载编码
java注解式开发_JAVA语言之Spring MVC注解式开发使用详解[Java代码]
本文主要向大家介绍了JAVA语言的Spring MVC注解式开发使用详解,通过具体的内容向大家展示,希望对大家学习JAVA语言有所帮助. MVC注解式开发即处理器基于注解的类开发, 对于每一个定义的处 ...
time库是python中处理时间的标准库_python语言time库和datetime库基本使用详解
今天是边复习边创作博客的第三天,我今年大二,我们专业开的有这门课程,因为喜欢所以更加认真学习,本以为没人看呢,看了后台浏览量让我更加认真创作,这篇博客花了2个半小时的时间,结合自己所学,所思,所想写作 ...
C语言中的字符串转数字函数常见问题详解
目录 C语言中的字符串转数字函数常见问题详解字符串转整形 atoi函数字符串转长整形 strtol函数, C语言中的字符串转数字函数常见问题详解字符串转整形 atoi函数函数原型: int a ...
区块链用哪种语言 Java_区块链开发用什么语言呢?区块链与编程语言的关系详解...
原标题:区块链开发用什么语言呢?区块链与编程语言的关系详解区块链的概念就随着比特币的大热开始逐渐进入公众视野,比特币的拥有者为了使其创造更高的财富,开始疯狂炒作,因而引发购买比特币大浪潮.然而等到比 ...
C语言0长度数组(可变数组/柔性数组)详解
CSDN GitHub C语言0长度数组(可变数组/柔性数组)详解 AderXCoding/language/c/zero_length_array 本作品采用知识共享署名-非商业性使用-相同方式共享 ...
c语言中getenv的作用,C语言putenv()函数和getenv()函数的使用详解
C语言putenv()函数和getenv()函数的使用详解 C语言putenv()函数:改变或增加环境变量头文件: #include4 定义函数: int putenv(const char * st ...
html水平线段hr标记详解,HTML标记【水平分隔线hr标记的使用】！
用标记可以在网页上画出一条横跨网页的水平分隔线,以分隔不同的文字段落表为控制标记所建立的水平分聘线样式的属性说明.下面我们介绍一下水平线的属性标记: 属性 ...
c语言栈结构存放数据类型,数据结构——栈的详解
栈和队列是两种重要的线性结构,从数据结构的角度看,栈和队列也是线性表,其特殊性在于栈和队列的基本操作是线性表的子集.他们是操作受限的线性表,因此,可称为限定性的数据结构.但从数据类型角度看,他们是和线 ...

html语言hr标记,HTML水平线段HR标记详解

This is header 1

html语言hr标记,HTML水平线段HR标记详解相关推荐

最新文章

热门文章