HTML主体标签及属性、颜色的设定

发布时间:2007年02月07日      浏览次数:1471 次
为了使你的网页绚丽多姿,吸引更多的浏览者阅读,可以给网页添加更多的标签及属性,这是为了对网页中的元素进行修饰、布局。下面就来逐一介绍这些标签。
一、 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
文章来源:http://longka.flasher123.com/zy/index/htm2-1.html
免责声明:本站相关技术文章信息部分来自网络,目的主要是传播更多信息,如果您认为本站的某些信息侵犯了您的版权,请与我们联系,我们会即时妥善的处理,谢谢合作!