【任务3-5】创建多种形式的超级链接

【任务描述】

在网页0302.html中创建以下多种形式的超链接：

（1）创建图片形式的超链接

（2）创建电子邮件链接

（3）创建锚点链接

（4）创建图像热点链接

（5）检查链接的有效性和正确性

网页0302.html的浏览效果如图3-12所示。

图3-12 网页0302.html的浏览效果

【任务实施】

1．创建图片形式的内部链接

2．创建电子邮件链接

3．创建锚点链接

（1）插入一个命名锚记

（2）创建锚点链接

4．创建图像热点链接

（1）选中绘制热点区域的图像

（2）绘制矩形热点区域

5．为“设为首页”和“收藏易购”设置链接

打开网页文档0302.html，切换到“代码”视图，文字“设为首页”对应的HTML代码如下所示。

<a onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('https://www.ego.com/');" href="javascript:;">设为首页</a>

文字“收藏易购”对应的HTML代码如下所示。

<a onclick="window.external.AddFavorite('https://www.ego.com/','易购网'); 

return false" href="javascript:;">收藏易购</a>

6．检查链接

7．保存网页与浏览网页效果

保存网页0302.html，然后按快捷键F12浏览其效果，如图3-12所示，单击各个链接，观察其链接效果是否正确。