请大家下载素材

   HTML文件中最重要的应用之一就是超链接，超链接是一个网站的灵魂，web上的网页是互相链接的，单击被称为超链接的文本或图形就可以链接到其它页面。超文本具有的链接能力,可层层链接相关文件，这种具有超级链能力的操作，即称为超级链接。超级链接除了可链接文本外，也可链接各种媒体，如声音、图象、动画，通过它们我们可享受丰富多采的多媒体世界。

建立超链接的标签为<A>和</A>

   格式为：<A HREF="资源地址"  TARGET="窗口名称" TITLE="指向连接显示的文字">超链接名称</A>

     说明：标签<A>表示一个链接的开始，</A>表示链接的结束；

     属性“HREF”定义了这个链接所指的目标地址；目标地址是最重要的，一旦路径上出现差错，该资源就无法访问

     TARGET:该属性用于指定打开链接的目标窗口，其默认方式是原窗口。

建立目标窗口的属性

属性值

描 述

_parent

在上一级窗口中打开，一般使用分桢的框架页会经常使用

_blank

在新窗口打开

_self

在同一个桢或窗口中打开，这项一般不用设置

_top

在浏览器的整个窗口中打开，忽略任何框架

 

    TITLE：该属性用于指定指向链接时所显示的标题文字。

     "超链接名称"是要单击到链接的元素，元素可以包含文本，也可以包含图像。文本带下划线且与其它文字颜色不同，图形链接通常带有边框显示。用图形做链接时只要把显示图像的标志<img>嵌套在<A HREF="URL"></A>之间就能实现图像链接的效果。当鼠标指向"超链接名称"处时会变成手状，单击这个元素可以访问指定的目标文件。

4-1 链接路径

    每一个文件都有自己的存放位置和路径，理解一个文件到要链接的那个文件之间的路径关系是创建链接的根本。

    URL(Uniform Resourc Locator)中文名字为"统一资源定位器"。指的就是每一个网站都具有的地址。同一个网站下的每一个网页都属于同一个地址之下，在创建一个网站的网页时，不需要为每一个连接都输入完全的地址，我们只需要确定当前文档同站点根目录之间的相对路径关系就可以了。因此，链接可以分以下三种：

绝对路径
如：

相对路径
如：news/index.html

根路径
如：d│/web/news/index.html

     1、绝对路径

      绝对路径：包含了标识INTERNET上的文件所需要的所有信息。文件的链接是相对原文档而定的。包括完整的协议名称，主机名称，文件夹名称和文件名称

    其格式为 ： 通讯协议 ：//服务器地址：通讯端口/文件位置....../文件名。

   lnternet遵循一个重要的协议及HTTP(Hypertext Transfer Protocol)超文本传输协议，http是用于传输Web页的客户端/服务器协议。当浏览器发出Web页请求时,此协议将建立一个与服务器的链接.当链接畅通后,服务器将找到请求页,并将它发送给客户端,信息发送到客户端后,http将释放此链接.这使得此协议可以接受并服务大量的客户端请求.

    Web应用程序是指Web服务器上包含的许多静态的和动态的资源集合.Web服务器承但着为浏览器提供服务的责任.

   就是资源所在的主机名为：通常情况下使用默认的端口号８０，资源在WWW服务器主机web文件夹下，资源的名称为：index.html.。

例 ：（此网址为假设）
表明采用 http 从名为 的服务器上的目录 myweb 中获得文件book.htm

     2、相对路径

      相对路经是以当前文件所在路径为起点，进行相对文件的查找。一个相对的URL不包括协议和主机地址信息，表示它的路径与当前文档的访问协议和主机名相同，甚至有相同的目录路径。通常只包含文件夹名和文件名。甚至只有文件名。可以用相对URL指向与源文档位于同一服务器或同文件夹中的文件。此时，浏览器链接的目标文档处在同一服务器或同一文件夹下。

如果链接到同一目录下，则只需输入要链接文件的名称。

要链接到下级目录中的文件。只需先输入目录名，然后加"/"，再输入文件名。

要链接到上一级目录中文件，则先输入"../"，再输入文件名。

  相对路径的用法

相对路径名

含 义

herf="shouey.html"

shouey.html 是本地当前路径下的文件

herf="web/shouey.html" shouey.html 是本地当前路径下称做"web"子目录下的文件

herf="../shouey.html" shouey.html 是本地当前目录的上一级子目录下的文件

herf="../../shouey.html" shouey.html 是本地当前目录的上两级子目录下的文件

    3、根路径

     根路径目录地址同样可用于创建内部链接，但大多数情况下，不建议使用此种链接形式。

     根路径目录地址的书写也很简单，首先以一个斜杠开头，代表根目录，然后书写文件夹名，最后书写文件名。
如果根目录要写盘符，就在盘符后使用"│",而不用":"  这点与DOS的写法不同。

  如：/web/highight/shouey.html
      d│/web/highight/shouey.html

    也许读者会问，链接本地机器上的文件时，应该使用相对路径还是根路径？在绝大多数情况下使用相对路径比较好，例如，用绝对路径定义了链接，当把文件夹改名或者移动之后，那么所有的链接都要失败，这样就必须对你的所有html文件的链接进行重新编排，而一旦将此文夹件移到网络服务器上时，需要重新改动的地方就更多了，那是一件很麻烦的事情。而使用相对路径，不仅在本地机器环境下适合，就是上传到网络或其他系统下也不需要进行多少更改就能准确链接。

4-2  超链接的应用  

4-2-1书签链接