【案例引入】

钓鱼网站通常指伪装成银行及电子商务网站来窃取用户提交的银行账号、密码等私密信息的网站。“钓鱼”是一种网络欺诈行为，指不法分子利用各种手段，仿冒真实网站的URL地址以及页面内容，或利用真实网站服务器程序上的漏洞在站点的某些网页中插入危险的HTML代码，以此来骗取用户银行或信用卡账号、密码等私人资料。

防范手段：安装防病毒软件，大部分防病毒软件能识别钓鱼网站，并提醒用户。同时，接到类似的电话要提高警惕，不要轻易点击对方发送的链接，要从正确的网络地址进入。合法的电商网站均通过安全认证，网络地址使用https协议，并提供身份验证与通信加密方法。

【案例分析】

通过对案例引入与超链接的学习，我们应明白超链接是每个网站不可缺少的功能，它使网页相互间能够进行跳转，是每张网页之间互通的桥梁。同一个网站内所有的网页都是通过超链接连接起来的。网络不是法外之地，不要链接没放开权限的网页，不要偷窥网上的保密数据，不破坏网络和谐，不发布不当言论，不做违法犯罪的事，维护网络安全，维持网络正义。

【主要知识点】

微课5.1　超链接简介

5.1.1　超链接标签

超链接就是鼠标指示符放在一些文字、图片或者其他网页元素时，会出现手型，点击这些网页元素，浏览器会载入对应的网页或者跳转到页面的其他位置。超链接不但可以链接文本，还可以链接多媒体、视频、声音、图像、动画等。

超链接的效果在网页中主要由成对<a></a>标签来实现。

以上代码实现了一个超链接，指向这个网址所代表的网页。

在超链接中最主要的属性有href、target等。

1）href属性

href属性用于指向一个目标。该属性是a标签不可缺少的，href属性的值是一个网页或资源的地址。比如：的值是一个网址（URL）。

2）target属性

该属性用来定义在何处打开链接，可能的值有：

_blank：另起一个窗口打开新网页；

_self：代表在自身窗口中显示超链接页面（默认）；

_parent：在iframe框架中使用，平时等同于_self；

_top：等同于_self。

5.1.2　URL的概念

URL就是Uniform Resource Locator的缩写，也称为“统一资源定位器”，即“网址”，可以简单地理解为类似文件路径，根据URL可以找到网上资源，是互联网上标准资源的地址。互联网上的每一个文件都有唯一的一个URL，它指出文件的位置以及浏览器应该怎样处理。URL=协议标签+域名+资源路径。

1）协议标签

协议标签即遵循的协议类型。如http（超文本传输协议），https（安全套接字超文本传输协议），ftp（文件传输协议），telnet（远程登录协议）等。

2）域名

域名是企业或机构等在互联网上注册的名称，是互联网上识别企业或机构的网络地址，又称网域。

3）资源路径

资源路径即资源在本地的位置，不一定是真正的文件路径，有可能是数据库中的内存等。

4）URL的类型(www.daowen.com)

超链接的URL可以分为两种类型：“绝对URL”和“相对URL”。

①绝对URL包含了指向目录或者文件的完整信息，包括模式、主机名和路径。对于FTP站点及所有的不使用HTTP协议的URL，都应该使用绝对URL，一般用于访问不是同一台服务器上的资源。

②相对URL是指访问同一台服务器上相同文件夹或不同文件夹中的资源（只给出一个参照位置）。如果访问相同文件夹中的文件，只需要写文件名即可；如果访问不同文件夹中的资源，URL以服务器的根目录为起点，指明文档的相对关系，由文件夹名和文件名两部分构成。

注意：相对路径引用的目录的方法一般分为以下几种：

•同目录：文件名+扩展名；

•引用子目录：斜杠+文件名+扩展名上层目录：每上一级就../+文件名+扩展名；

•根相对URL：/根文件夹/+文件名+扩展名。

案例【5.1.1】使用绝对URL和相对URL实现超链接

网页效果如图5.1.1所示。

图5.1.1　绝对URL和相对URL

在上述代码中，第1个链接使用的是绝对URL；第2个链接使用的是服务器相对URL，也就是链接到文档所在服务器的根目录下的2.html；第3个链接使用文档相对URL，即原文档所在文件夹的父文件夹下面的pages文件夹中的3.html文件。

【课程育人】

本任务让我们理解了超链接与URL的概念，掌握使用绝对URL和相对URL实现超链接的方法。结合案例引入，我们明白：

1.通过超链接，可以实现资源共享、共同学习、共同进步。

2.通过超链接案例的规划、制作，训练了我们的逻辑思维能力，不管在生活中还是学习中都要保持清醒的头脑，要有条理性、层次性与逻辑性。

【课堂互动】

1.在HTML中，下面是超链接标签的是（　）。

A.<A>…</A>　B.<IMG>…</IMG>

C.<FONT>…</FONT>　D.<P>…</P>

2.在Dreamweaver中，不能对其设置超链接的是（　）。

A.任何文字　B.图像　C.图像的一部分　D.Movie影片

3.不属于超链接的href属性是（　）。

A.一个网页　B.资源的地址　C.一个段落　D.URL

4.超链接的target属性中，“_blank”是指（　）。

A.代表在自身窗口中显示超链接页面

B.另起一个窗口打开新网页

C.代表在自身窗口中显示超链接页面

D.在iframe框架中使用