在HTML文档中，大部分元素都可以指定色彩，以表达其不同的含义，使整个文档看起来更加美观且具有层次感。例如body节点的text,link,alink,vlink属性，或者font节点的color属性，都可以用来改变其文本子节点的色彩。
HTML文档使用两种方式表达色彩信息：
命名色彩空间：在HTML文档中，定义了16种最常用的颜色，并赋予其色彩名称，这16中色彩组成了所谓命名色彩空间；
RGB色彩空间：除了命名色彩空间外的颜色，其余的颜色都没有直接给出名称，需要使用“红”、“绿”、“蓝”三原色进行混合，HTML规定，一共可以混合出16777216种色彩，也称为16M色或真彩色；
使用三原色彩空间的语法是#红绿蓝，每一种颜色用一个0-FF的16进制（即十进制的0-255）来表示，称为某一个颜色的“灰度”，数字越大，这个颜色在三个颜色中占据的比例越高，混合后的颜色越偏向这个色彩。
例如：#FF0000表示纯红色，#00FF00表示纯绿色，#8EDFE8表示淡青色（红色灰度为142，绿色灰度223，蓝色灰度232）。
但实际上，并不是所有的浏览器或系统都可以正确的显示这16M种颜色，大多数浏览器只能显示其中的一部分，无法显示的颜色，浏览器会自动匹配一个相近� ......
--------------
1、显示图片：
输入如下代码：
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gbk" />
</head>
<body>
<img src="cat.gif" alt="这是一只猫" />
</body>
</html>
将如下图片保存到（图片上点击鼠标右键，选择“图片另存为”）和页面同一目录文件下，文件名为cat.gif：
在浏览器中查看结果，浏览器中将显示一只猫的图片。
可以看到，标签img用来在浏览器中显示一幅图片，其两个重要属性分别为：
src属性：用于设定图片所在位置的URL（关于URL，请参考URL路径）；
alt属性：当图片无法显示时，用来取代图片位置的文本。
--------------
2、图片链接
输入如下代码：
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv ......
a标签表示一个“超链接”，即可以通过点击a标签，让浏览器从一个页面进行跳转，下面看具体内容：
--------------
1、a标签的页内跳转：
在body标签内输入如下代码：
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gbk" />
</head>
<body>
<a name="top">顶部</a>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br ......
最新文章 :