html语法
来源：
作者：
时间：2006-11-30
点击：
【网页影像重要观念】
- 关于路径：现在我们来谈谈图片路径的事，路径不对，不管您的网页名称写的多正确也没用，因为浏览器无法寻着您的路径去找到该有的图片，所以，我们来看看该如何正确的使用路径。有些人并不喜欢将网页及图通通放在同一个目录下，比如说有人将图档全放在c:\images里，而网页档放在c:\demo里，这样子的话，我们该如何正确的写图片的路径呢？我将几种常见的情形整理成下表：
| html档的位置 |
图档的位置 |
写法 |
情形说明 |
| c:\demo |
c:\demo |
<img src="tad.gif"> |
图文均在同一目录 |
| c:\demo |
c:\demo\images |
<img src="images/tad.gif"> |
图在网页下一层目录 |
| c:\demo |
c:\ |
<img src=" ../tad.gif"> |
图在网页上一层 |
| c:\demo |
c:\image |
<img src=" image/tad.gif"> |
图文在同一层但不同目录 |
或许有人看到不明就理，我来说明一下，“../”是回到上一层目录的意思。“images/”则是进入下一层目录image之意，而“images/”的意思就是，回到上一层目录，然后再进入目录images中。以上我们使用的均为“相对路径”的概念。
- 影像单位：或许您会常常看到px这个单位，没错，这是我们在制作最常用的一个单位了。这个单位完整的写法是“pixels”，我们称之为“像素”。像素，是萤幕上的一个小光点，然而这一小光点的大小，并非是固定的，举个例子而言，萤幕本身十五寸，不会因为你的任何设定而变成十七寸。但是，其解析度是可以改变的，我们常见的解析度有以下几种：“640 ×480”、“800 ×600”、“1024 ×768”。举其中之一的640 ×480来说，其代表的就是在萤幕上有宽640个光点，高有480光点，若是我们将解析度调整为800 ×600其宽势必要从640变成800个光点，也因此，该光点便会变小一点，所以，我们看起来就会觉得解析度调高后，萤幕内的东西，变得小小的，很精致，那就是因为光点变小的原因。
- 影像格式：网页用的图档目前只有gif格式（即副档名为gif的图档，如：bg.gif）以及jpg格式（即副档名为jpg的图档，如：bg.jpg）为一般的浏览器所接受。其他如bmp格式或是pcx格式都是无法在网页上使用的，若非得要用，那就利用影像绘图软体来作格式的转换吧！
| 图档范例 |
说明 |
 |
gif格式的图形只能以256个颜色显示，虽然其色彩较少，但颜色鲜艳亮丽，若是图形颜色不多，用gif格式存档会较漂亮。 |
 |
jpg格式的图形是以全彩显示，适合用在相片或是渐层颜色的图片上，压缩比例以75%为适中。 |
4.7 背景标签 <回细说索引>
| 【背景标签】
说穿了，背景标签只有<BODY>这个标签，其余的效果，只要加上一些简单的属性便可做到。
- 使用方法：<body bgcolor="#ffffff" background="bg.jpg">
- 标签解说：这个标签其实应该老早就要讲了，毕竟它是构成网页不可或缺的基本要素之一（哎哎哎...现在放马后炮有什么用！）。我们背景颜色或图片的设定以及连结字体的颜色，通通都放在<body>这标签里面。我就其属性来一一解说：
| 背景颜色 |
用法：<body bgcolor="颜色码">
设定背景颜色。有人会说：‘我已经设定了背景图片，那背景颜色还有用吗？’当然有用！当使用者连结到贵站时，若背景图案还没传输完之前（有的背景图蛮大的），就会先显现背景颜色，您说，是不是比一片灰灰的好看多了呢！ |
| 原始码 |
<html>
<head>
<title>这是标题</title>
</head>
<body bgcolor="#f9e6a2">
这里是本文区
</body>
</html> |
| 呈现结果 |
按下此处观看结果 |
| 背景图案 |
用法：<body background="图档名称、路径">
g设定背景图案。图档可以是jpg或gif格式的图档，我建议：图档不要太大，否则网页载入会蛮慢的。 |
| 原始码 |
<html>
<head>
<title>这是标题</title>
</head>
<body background="bg.jpg">
这里是本文区
</body>
</html> |
| 呈现结果 |
按下此处观看结果 |
【内文、连结文字颜色设定】
- 使用方法：<body text="#000000" link="#0000ff" vlink="#ff00ff" alink="#ff0000>
- 标签解说：用字体标签中的颜色属性，可以设定文字的颜色，不过，却没有提到文字的颜色内定值该如何修改，这个<body>标签中，便有设定内文、连结等文字的颜色内定值功能。用法如下：
| 内文颜色 |
用法：<body text="颜色码">
设定一般文字颜色，也就是说，若没有特别去设定文字颜色的话，浏览器就会自动显现您所设定的颜色。 |
| 原始码 |
<html>
<head>
<title>这是标题</title>
</head>
<body text="#0906a2">
这里是本文区
</body>
</html> |
| 呈现结果 |
按下此处观看结果 |
| 连结颜色 |
用法：<body link="颜色码">
设定“连结”的颜色。只要是有连结的地方就会出现你指定的颜色，当然，如果按下连结后，那又会变成另一个颜色了，这底下会说明。 |
| 原始码 |
<html>
<head>
<title>这是标题</title>
</head>
<body link="#ff6600">
<a href="index.htm">连结文字</a>
</body>
</html> |
| 呈现结果 |
按下此处观看结果（设定连结为橘色） |
| 连结时颜色 |
用法：<body alink="颜色码">
设定“按下连结”的颜色，也就是当您滑鼠按下那连结的瞬间所呈现的颜色。 |
| 原始码 |
<html>
<head>
<title>这是标题</title>
</head>
<body alink="#0099ff">
<a href="index.htm">连结中文字</a>
</body>
</html> |
| 呈现结果 |
按下此处观看结果（滑鼠点下连结瞬间才会出现我们设定的浅蓝色） |
| 已连结颜色 |
用法：<body vlink="颜色码">
设定“按下链结后”的颜色，也就是如果该连结已经有被按过了，那么就会呈现的颜色。如此的做法，是要让使用者容易识别到底哪些连结有去过了，哪些没去过。 |
| 原始码 |
<html>
<head>
<title>这是标题</title>
</head>
<body vlink="red">
<a href="demo1-10-6.htm">连结文字</a>
</body>
</html> |
| 呈现结果 |
按下此处观看结果（设定已执行过的连结以红色显示） | |
