HTML_页面中的超级链接

超级链接定义：

    超级链接又称为“超文本链接”，其在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。

    正像上边所提到的，web上的所有文档都有一个唯一的地址，这个地址就是URL统一资源定位符，给出的统一资源定位符有两种：绝对方式(资源的完整地址)、相对方式(资源的相对地址)。

超级链接的制作：

    制作超级链接的标签只有<a>标签，通常使用href属性来创建超级链接，另外一种方式是使用name属性来创建。(属性值即URL)；并且<a>和</a>之间可以插入常规文本、换行符、图像和标题。

外部链接：

外部链接指的是跳转到当前网站的外部、其他网站中的页面或其他元素之间的链接关系，这种链接一般需要书写绝对的链接地址。

外部链接绝对地址格式：

进入万维网站点：

格式：http://server/path

代码及运行结果展示：

进入文件传输服务器：

格式：ftp://server/path

代码及运行结果展示：

<a href="ftp://ftp.pku.edu.cn" target="_blank"><font color="#33FF00">连接到FTP服务器</font></a>

启动 Telnet方式：

    应用Telnet服务必须知道一台Telnet服务器的因特网域名或IP地址；而端口是指服务器侦听请求时所使用的端口。
格式：telnet：//user:password@server:port/

代码及运行结果展示：

<a href="telnet://192.168.1.1:23" target="_blank"><font color="#FFCC00">链接到Telnet服务器</font></a>

访问Gopher服务器：

格式：gopher://server:port/path

代码：

<a href="gopher://dosfan.lib.nic.edu/1" target="_blank"><font color="#FFCC00">链接到gopher服务器</font></a>

访问news新闻组：（目前已经很少使用到）

格式：newsgroup

      message id

缺点：用户无法指定新闻服务器

代码：

<a href="news://news.newsfan.net"><font color="#FFCC00">链接到news</font></a>

发送email：

格式：mailto://a@b.c

      mailto://a@b.c?subject=content

      mailto://a@b.c?cc=a@b.c

      mailto://a@b.c?bcc=a@b.c

代码：

<a href="mailto:[e-mail]?subject=给我来信"><font color="#FFCC00">发送邮件</font></a>

内部链接：

    所谓的内部链接指的是在同一个网站内部，不同的HTML页面之间的关系。需要考虑的问题是如何使链接具有清晰的导航结构。

书签链接：

1、命名书签：

    <a name="name">相应的文字</a>

2、链接到相应的书签：

    <a href="#name">书签在浏览器页面中显示的名字</a>

3、代码示例：

<a name="top">相应的文字</a><a href="#top">返回首页</a>

空链接：

    所谓的空链接指的是光标指导链接上的时候变成手型，点击链接的时候仍然停留在本页面。

代码：

<a href="#">返回首页</a>

脚本链接：

    用户在事件发生时执行一个或者多个JavaScript命令或函数。通过<a>标签，可以将JavaScript代码和许多与鼠标或者键盘相关的事件关联起来。时间处理器的值是一个或者一系列以分号隔开的JavaScript表达式、方法和调用函数，并且要用引号引起来。

1、格式：
    <a href="javascript:...">文字链接</a>

2、代码：

    <a href="javascript.window.close()">关闭窗口</a>

制作图像映像：

    HTML提供了一种特性，允许在同一幅图像中嵌入不同的链接。单击图像的不同的区域可以使浏览器链接到不同的目标文档。这种对光标位置敏感的图像叫做图像映射。

①<area>说明集或<a>标签都要包含在<map>及其结束标签</map>之间。

②name属性值唯一，不能被文档的其他<map>标签使用，但是可以有不止一个图像映射引用同样的<map>说明

③coords属性对于<area>标签是必须的，而坐标(属性值)含义又shape属性值确定，如果没有shape属性，默认为为 default，意味着该区域覆盖整个图像：

1、代码及运行结果：