超链接可以看作是一个“热点”，它可以从当前网页定义的位置跳转到其他位置，包括当前页的某个位置、Internet、本地硬盘或局域网上的其他文件，甚至跳转到声音、图像等多媒体文件。

创建指向其他页面的超链接，就是在当前页面与其他相关页面间建立超链接。链接到其他网页文件的格式为：

说明：目标文件名是链接所指向的文件。根据目标文件与当前文件的目录关系，目标文件名有4种写法（以采用相对路径为例）：

（1）当需链接到同一目录中的网页文件时，只需直接写出文件名即可，不必写路径。

（2）链接到下一级目录中的网页文件时，应写出下一级子目录名及文件名，即格式为：

（3）链接到上一级目录中的网页文件时，应退到上一级目录中，即格式为：

（4）链接到同级目录中的其他网页文件时，应先退到上一级目录中，然后再进入到目标文件所在的目录。格式为：

【例5-1】网页文件链接示例。操作步骤如下：

（1）建立4个网页文件，分别是“学院首页”、“课程简介”、“教学大纲”和“在线检测”，文件名分别为firstpage.html、course.html、list.html、exam.html，文件内容自定。其中“在线检测”的文件代码如下（其他3个请读者自己模仿编写）：

＜！--文件名：ex5-1-1.html--＞

＜！DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞

＜html xmlns="http://www.w3.org/1999/xhtml"＞

＜head＞

＜meta http-equiv="Content-Type"content="text/html；charset=gb2312"/＞

＜title＞网络课程＜/title＞

＜/head＞

＜body＞

＜h2 align="center"＞“网页设计与制作”在线检测＜/h2＞

＜hr size="2"width="100%"color="#cd061f"/＞

＜/body＞

＜/html＞(www.daowen.com)

（2）在编辑窗口中输入下面的代码：

＜！--文件名：ex5-1.html--＞

＜！DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞

＜html xmlns="http://www.w3.org/1999/xhtml"＞

＜head＞

＜meta http-equiv="Content-Type"content="text/html；charset=gb2312"/＞

＜title＞网络课程＜/title＞

＜/head＞

＜body＞

＜h2 align="center"＞“网页设计与制作”精品课程＜/h2＞

＜hr size="4"width="80%"color="#cd061f"/＞

＜p align="center"＞

＜a href="firstpage.html"＞学院首页＜/a＞

＜a href="course.html"＞课程简介＜/a＞

＜a href="list.html"target="_blank"＞教学大纲＜/a＞＜！--在新的浏览器窗口中显示--＞

＜a href="exam.html"target="_blank"＞在线检测＜/a＞＜br/＞

＜hrsize="4"width="80%"color="#cd061f"/＞

＜/p＞

＜/body＞

＜/html＞

注意，如果在＜a＞标记中省略属性target，则在当前窗口中显示；当target="_blank"时，将在新的浏览器窗口中显示。

（3）在浏览器中打开ex5-1.html文件，如图5-1所示，把鼠标指针移到超链接上时，鼠标指针变为手形，单击该链接可打开指定的网页。

图5-1　链接到同一目录中的网页文件