第二章 HTML主体标签及属性、颜色的设定
为了使你的网页绚丽多姿,吸引更多的浏览者阅读,可以给网页添加更多的标签及属性,这是为了对网页中的元素进行修饰、布局。下面就来逐一介绍这些标签。
一、 html的主体标签<body>
在<body>和</body>中放置的是页面中所有的内容,如图片、文字、表格、表单、超链接等设置。
<body>标签有自己的属性,设置 <body>标签内的属性,可控制整个页面的显示方式。
<body>标签的属性
属 性 | 描 述 |
link | 设定页面默认的连接颜色 |
alink | 设定鼠标正在单击时的连接颜色 |
vlink | 设定访问后连接文字的颜色 |
background | 设定页面背景图像 |
bgcolor | 设定页面背景颜色 |
leftmargin | 设定页面的左边距 |
topmargin | 设定页面的上边距 |
bgproperties | 设定页面背景图像为固定,不随页面的滚动而滚动 |
text | 设定页面文字的颜色 |
格式:
<body text="#000000" link="#000000" alink="#000000" vlink="#000000" background="gifnam.gif" bgcolor="#000000" leftmargin=3 topmargin=2 bgproperties="fixed">
实例:2-1.html
<html>
<head>
<title>bady的属性实例</title>
</head>
<body bgcolor="#FFFFE7" text="#ff0000" link="#3300FF" alink="#FF00FF" vlink="#9900FF">
<center>
<h2>设定不同的连接颜色</h2>
测试body标签<p>
<a href="http://www.baidu.com/">默认的连接颜色</a>
<p>
<a href="http://www.sina.com.cn">正在按下的连接颜色,</a>
<p>
<a href="http://www.sohu.com/">访问过后的连接颜色,</a>
<P>
<a href="#" onClick="javascript:window.history.back()">返回</a>
</conter>
</body>
</html>
实例说明:
<body>的属性设定了页面的背景颜色,文字的颜色,链接的颜色为#3300ff,单击的连接颜色为#ff00ff,单击过后的颜色为#9900ff。
Body里面的是页面中的链接标签,对于属性可根据页面的效果来定,用那个属性就设定那个属性。对于上面的属性在后面的章节中还会介绍,在这里就不逐一引用了,我们的学习目的主要是掌握标签及属性的使用方法。
二、 颜色的设定
颜色值是一个关键字或一个RGB格式的数字。在网页中用得很多,在此就先介绍一下。
颜色是由 "red" "green" "blue " 三原色组合而成的,在 HTML 中对颜色的定义是用十六进位的,对於三原色 HTML 分别给予两个十六进位去定义,也就是每个原色可有 256 种彩度,故此三原色可混合成16777216种颜色。
例如: 白色的组成是 red=ff, green=ff, blue= ff,RGB 值即为ffffff
红色的组成是 red=ff, green= 00, blue= 00, RGB值即为ff0000
绿色的组成是 red=00, green=ff, blue= 00, RGB值即为 00ff00
蓝色的组成是 red=00, green= 00, blue= ff, RGB值即为0000ff
黑色的组成是 red=00, green=00, blue=00, RGB 值即为 000000
应用时常在每个 RGB 值之前加上“ # “ 符号,如:bgcolor="#336699" 用英文名字表示颜色时直接写名字。如 bgcolor=green
RGB颜色可以有四种表达形式::
- #rrggbb (如,#00cc00)
- #rgb (如,#0c0)
- rgb(x,x,x) x是一个介乎0到255之间的整数 (如,rgb(0,204,0))
- rgb(y%,y%,y%) y是一个介乎0.0到100.0之间的整数 (如, rgb(0%,80%,0%)
Windows VGA(视频图像阵列)形成了16各关键字: aqua,black, blue,fuchsia, gray,green, lime,maroon,navy,olive, purple,red,silver,teal,white,and yellow
下面是部分颜色的RGB代码图表: