HTML教程:html水平线段<HR />

咕咕溜溜

咕咕溜溜

2016-02-19 21:37

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的HTML教程:html水平线段<HR />,手机电脑控们准备好了吗?一起看过来吧!

这个标签可以在屏幕上显示一条水平线,用以分割页面中的不同部分。

HR有三个属性:

   size 水平线的宽度
   width 水平线的长,用占屏幕宽度的百分比或象素值来表示
   align 水平线的对齐方式,有LEFT RIGHT CENTER三种
   noshade 线段无阴影属性,为实心线段

  我们可以用几个例子来说明这线段的用法:

Webjx.Com

线段粗细的设定

HTML
HEAD
TITLE线段粗细的设定/TITLE
/HEAD

BODY
P这是第一条线段,无size设定,取内定值SIZE=1来显示BR
HR /
P这是第二条线段,SIZE=5BR
HR SIZE=5
P这是第三条线段,SIZE=10BR
HR SIZE=10
/BODY

/HTML

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

线段长度的设定
HTML
HEAD
TITLE线段长度的设定/TITLE
/HEAD

BODY
P这是第一条线段,无WIDTH设定,取WIDTH内定值100%来显示BR
HR SIZE=3
P这是第二条线段,WIDTH=50(点数方式)BR
HR WIDTH=50 SIZE=5
P这是第三条线段,WIDTH=50%(百分比方式)BR
HR WIDTH=50% SIZE=7
/BODY

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

/HTML

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

Webjx.Com

线段排列的设定

HTML
HEAD
TITLE线段排列的设定/TITLE
/HEAD

BODY
P这是第一条线段,无ALIGN设定,(取内定值CENTER显示)BR
HR WIDTH=50% SIZE=5
P这是第二条线段,向左对齐BR
HR WIDTH=60% SIZE=7 ALIGN=LEFT
P这是第三条线段,向右对齐BR
HR WIDTH=70% SIZE=2 ALIGN=RIGHT
/BODY

/HTML

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

Webjx.Com  

无阴影的设定

HTML
HEAD
TITLE无阴影的设定/TITLE
/HEAD

BODY
P这是第一条线段,无NOSHADE设定,取内定值阴影效果来显示BR
HR WIDTH=80% SIZE=5
P这是第二条线段,有NOSHADE设定BR
HR WIDTH=80% SIZE=7 ALIGN=LEFT NOSHADE
/BODY

/HTML

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

最后一个水平线:

展开更多 50%)
分享

猜你喜欢

HTML教程:html水平线段<HR />

Web开发
HTML教程:html水平线段<HR />

HTML表单标记教程(4):<SELECT>标记

Web开发
HTML表单标记教程(4):<SELECT>标记

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

HTML 标记一览<2>

Web开发
HTML 标记一览<2>

HTML表单标记教程(5):文字域标记<TEXTAREA>

Web开发
HTML表单标记教程(5):文字域标记<TEXTAREA>

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

正则表达式:过滤<font>和</font>

Web开发
正则表达式:过滤<font>和</font>

HTML初级指南>快速启动

Web开发
HTML初级指南>快速启动

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

[视频]Visual Studio 2005入门之镶套包含类型

[视频]Visual Studio 2005入门之镶套包含类型

wps文本首行自动缩进设置

wps文本首行自动缩进设置
下拉加载更多内容 ↓