7.2 创建超链接

前面讲述了超链接的基本概念和创建超链接的方法，通过前面的学习读者应该已经对超链接有了大概的了解，下面将讲述各种类型超链接的创建。

7.2.1 创建电子邮件超链接

电子邮件地址作为超链接的链接目标与其他链接目标不同。当用户在浏览器上单击指向电子邮件地址的超链接时，将会打开默认的邮件管理器的新邮件窗口，其中会提示用户输入信息并将该信息传送给指定的E-mail地址。下面对文字“联系我们”创建电子邮件超链接，当单击文字“联系我们”时效果如图7-1所示，具体操作步骤如下：

01 打开网页文档，将光标置于要创建电子邮件超链接的位置，如图7-2所示。

02 执行“插入”︱“电子邮件链接”命令，如图7-3所示。

03 弹出“电子邮件链接”对话框，在对话框的“文本”文本框中输入“联系我们”，在E-mail文本框中输入mailto：sdhzgw@163.com，如图7-4所示。

04 单击“确定”按钮，创建电子邮件超链接，如图7-5所示。

05 保存文档，按F12键在浏览器中预览，单击“联系我们”超链接文字，效果参见图7-1所示。

7.2.2 创建脚本超链接

脚本超链接执行JavaScript代码或调用JavaScript函数，它非常有用，能够在不离开当前网页文档的情况下为访问者提供有关某项的附加信息。脚本超链接还可以用于在访问者单击特定项时，执行计算、表单验证和其他处理任务，如图7-6所示的是创建脚本关闭网页的效果，具体操作步骤如下：

01 打开网页文档，选中文本“关闭窗口”，如图7-7所示。

02 在“属性”面板中的“链接”文本框中输入“javascript：window.close()”，如图7-8所示。

03 保存文档，按F12键在浏览器中浏览，单击“关闭窗口”文本超链接会自动弹出一个提示对话框，提示是否关闭窗口，单击“是”按钮，即可关闭窗口，参见图7-6所示。

7.2.3 创建下载文件超链接

如果要在网站中提供下载资料，就需要为文件提供下载超链接，如果超级链接指向的不是一个网页文件，而是其他文件，例如zip、mp3、exe文件等，单击超链接的时候就会下载文件。创建下载文件的超链接效果如图7-9所示，具体操作步骤如下：

01 打开网页文档，选中要创建超链接的文字，如图7-10所示。

02 执行“窗口”|“属性”命令，打开“属性”面板，在面板中单击“链接”文本框右边的按钮，弹出“选择文件”对话框，在对话框中选择要下载的文件，如图7-11所示。

03 单击“确定”按钮，添加到“链接”文本框中，如图7-12所示。

04 保存文档，按F12键在浏览器中预览，单击文字“更多产品”，效果参见图7-9所示。

7.2.4 创建图像热点超链接

在创建超链接的过程中，首先选中图像，然后在“属性”面板中选择热点工具在图像上绘制热区，创建图像热点链接后，当用鼠标单击图像“网站首页”时，效果如图7-13所示，会出现一个小手形状，具体操作步骤如下：

01 打开网页文档，选中创建热点超链接的图像，如图7-14所示。

02 执行“窗口”|“属性”命令，打开“属性”面板，在“属性”面板中单击“矩形热点工具”按钮，选择“矩形热点工具”，如图7-15所示。

03 将光标置于图像上要创建热点的部分，绘制一个矩形热点，如图7-16所示。

04 按以上步骤绘制其他的热点并设置热点超链接，如图7-17所示。

05 保存文档，按F12键在浏览器中预览，当单击图像“网站首页”后的效果参见图7-13所示。