网络基础编程第六章

第6章 超链接

6·1 超链接概述

URL(Uniform Resource Locator):统一资源定位符。通常由三个部分构成:协议代码，主机地址，具体的文件名。

6·2 超链接路径

HTML中提供了三种路径:绝对路径，相对路径，根路径。
HTML中，超链接分为外部连接和内部连接。
内部链接:指网站内部文件之间的连接;
外部连接:值网站内的文件连接到站点内容外的文件。

6·2·1 设置绝对路径(适合外部链接)

绝对路径:指文件的完整路径 。包括文件传输的协议http、ftp等，一般用于网站的外部连接。
         例如:http://www.baidu.com.cn     ftp://219.153.51.160

6·2·2 设置相对路径(适合内部链接)

相对路径:指相对于当前文件的路径，包含了从当前文件指向目的文件的路径。同时只要是处于站点文件夹之内，即使不属于同一文件目录         下，相对路径建立的连接也适合。采用相对路径是建立两个文件之间的相互关系，可以不受站点和所处服务器位置的影响。

6·2·3 设置根目录(适合内部链接)

一般情况下，内部链接不使用根路径。

根路径的使用:以"/"开头，后面紧跟文件路径。例如:/download/index.html

6·3 超链接的建立

在网页文件中，超链接通常使用标记<a>的属性href建立，在此情况下，当前文档便是链接源，href设置的属性值便是目标文件。

例如<a href="http://www.baidu.com/index">链接内容</a>

6·3·1 插入内部链接

网站内部链接一般指在同一个站点下不同网页页面之间的链接。

          语法:<a href="URL">链接内容</a>
                  内部链接时，URL一般使用相对路径。

6·3·2 插入外部链接

所谓外部链接，就是单击网页中的链接内容时，可以链接到网站外部的网页文件中，URL使用绝对路径。

          语法:<a href="URL">链接内容</a>
                  内部链接时，URL使用绝对路径。

6·4 设置图像映射

在网页文件中可以同时对多个图片设置图像映射。
          语法:<img src=URL usemap=""></img>
               <map name="">
               <area shape="" coords=", , , " href="URL">
               </map>
<img>标记表示插入图像文件，src表示插入图像的路径。
<map>标记表示插入图像映射。
<area>标记表示图像映射区域。

      shape:表示映射区域形状，其值:

            rect:矩形区域
          circle:椭圆形区域
            poly:多边形区域
 
      coords:表示感应区域的坐标