超级链接

前面我们学了这么多的html 标注后，还有一个重要的观念还没介绍给大家，这个观念就是「超级链接」。什么是超级链接呢？超级链接的意思是指向某个固定的地址，因为该地址有网页需要用的图片、声音、档案、影像，甚至是网页等等；而这个位置可能在同一台计算机上，也可能在因特网上的某个地址。因特网上的每一个网站都有一个独一无二网址，这个网站的地址我们叫做url（uniform resource locator）。如果我们需要的资源放在因特网上面的某个地方，我们就需要将为指定到该url 上。

地址的指定方式
要使用其它地址的资源，首先我们要知道如何表示资源的地址。地址的表示法有相对位置及绝对位置两种，如果所要使用的资源放在和网页同样的地方，那么这两种方法都可以使用；如果所使用的资源放在因特网其它地址，那就只能用绝对地址表示法来寻址。

相对地址
相对地址表示法表示是以html 网页所在的数据夹作为参考基础。例如html 档案所在的数据夹地址为c:\inetpub\wwwroot\cr\ch02，我们要在该网页中利用<img> 标注显示影像，并设定src 属性用来指明影像资源文件所在的位置。资源档假设名为train.jpg，并放在同一台机器的同一个数据夹内。这时候我们就可以直接指定资源的档名，例如img src="train. jpg ">。假如资源文件放在html 文件所在路径的下一层名为image 的数据夹中，那么要写为<imgsrc="image/train. jpg ">。而若是我们的资源放在上一层数据夹中，那么要写成<img src="../train.jpg ">。


绝对地址
另外一种标示方法为绝对位置表示法，表示资源的地址必需详细指定。以上述例子来说，假设我们所在的服务器的网址为www.msn.com，而且html 档案放在c:\inetpub\wwwroot\cr\ch02里；如果资源档train. jpg 放在和html 档案同一个数据夹内，指定的方式则为<imgsrc="http://www.msn.com/cr/ch02/train. jpg ">。假如资源文件放在html 文件所在路径的下一层名为image 的数据夹中，那么位置的描述则为<imgsrc="http://www.msn.com/cr/ch02/image/train. jpg ">。若是我们的资源放在一层数据夹中，则要写成<img src="http://www.msn.com/cr/train. jpg ">。所以如果资源档是放在因特网远程的服务器中，必须要详细的指定放在所在的url 地址。

<img> 图形标注：
要插入图形必需要使用<img> 标注，并指定图片所存放的地址：

其中<img> 标注中的src 属性是指定所要显示的影像文件放在哪的地址上，上面的范例中因为影像文件和网页是放在同一个资料夹中，所以可以直接指定档名。

网页上所用到的资源也有可能放在其它的位置，我们来看看资源放在下一层资料夹的情形：

这时候src 属性的设定就要变成<img src="image/资源文件名称"> 即可。接下来是资源放在上一层数据夹的情形：

这时候src 属性设定就要变成<img src="../资源文件名称"> 即可，「..」表示是上一层资料夹。最后一种情形是资源文件放在网络上其它地址，例如放在微软的网站内的情形：

这时候src 属性设定就要变成<img src=http://www.microsoft.com/ 资源文件名称>即可。

<a> 连结标注：
使用者按下被<a> 标注所包围起来的文字或影像，就会将地址导向href 属性所指定的地址，如下范例所示：


如果href 后面所指定直接是网址，那么表示被<a> 标注所围起来的文字或图形被点选后，会将超级链接导向该网址。如果href 后面所指定的直接是资源文件名，例如「<a href="h10.htm">请按这里到h10</a><br>」这行，那么表示按下「请按这里到h10」时，会将网页导向同一个数据夹的h10.htm；若href 属性后是mailto 的字样，如「<a href="mailto:chart@giga.net.tw"> 请按这里寄信给我</a><br>」这行叙述，表示使用者按下后会开启邮件编辑程序，而收信人就是mailto 后面的电子邮件信箱。