第五章 网页超链接

1、子页的建立

前面我们已经讲过首页的建立了，其它子页我们统称为子页，比如我们以一个个人网站为例，导航栏按钮包括：

本站首页：index.htm---------我们前面讲过首页的建立，

个人作品：zuopin.htm

音乐收藏：music.htm

留言本：book\default.asp----------涉及asp，暂不讲

论坛：bbs\default.asp-------------涉及asp,暂不讲

我们来看一下如何建立zuopin.htm?

方法一：

zuopin.htm和index.htm有一些地方是相同的，我们可以把index.htm的页面另存为zuopin.htm，点击“文件”--“另存为”，保存位置选择“E:\website\”，文件名为zuopin.htm，点击“保存”，这样子zuopin.htm就和index.htm一样了，我们将其不同的内容删除掉，换成个人作品所需的内容就可以了。

方法二：

按照前面讲的新建页面的方法，重新建立一个空白页面，然后把index.htm中相同的地方复制一下，到zuopin.htm中粘贴，然后再进行其它编辑。

music.htm按相同的办法做好后，我们将会看到图[021]

[图021]

2、网页互链

根目录下现在已有三个页面文件，我们要实现这三个页面这些的互相链接。每个页面都有导航栏文字，我们都要对其添加超链接，实现点击这些文字的时候就能到达所需的页面；

我们先打开index.htm页，选中“本站首页”这四个字，在属性栏中，点击“链接”右边的黄色文件夹，如[图022]

[图022]

在弹出的窗口中选择“E:\website\index.htm”，点击“确认”按钮，如[图023]

[图023]

此时会出现，“本站首页”文字变成蓝色，而且加了一条下划线，如[图024]

[图024]

将光标定义在“本站首页”这四个字上，会发现属性栏中的链接写的是index.htm，如[图025]

[图025]

按照相同的办法，对“个人作品”加超链接，链接到zuopin.htm的页面，“音乐收藏”链接到music.htm的文件。

首页做完以后，zuopin页也有这些导航栏文字，也要重新做一遍超链接，现在你是不是感觉有点麻烦了呢，为什么我不能只做一次超链接，就在所有页面都可以用呢？其实可以，就是我们最初做好首页的时候，就把超链接加好了，再另存为zuopin.htm，这样子在编辑zuopin.htm的时候就不需要再重复做一次超链接了。

3、浏览网页，体验互链

超链接都加好后，要按F12键浏览网页时，鼠标移到这些有加下划线的文字上时，鼠标会出现手形，状态栏上会有显示这些文字相应的链接地址在哪，点击文字就可以到达所要的页面，在另外的一个页面，也可以链接到其它页面。

网站就是由两个或两个以上的页面通过互相的链接而形成的。

4、在新窗口中打开链接的页面

通过刚才的例子，我们会发现，我在首页点击“个人作品”，打开的zuopin.htm就把index.htm的窗口给“覆盖”了，如果我希望浏览的时候，zuopin.htm能自动在一个新的窗口中显示，那怎么办呢，回到刚才加超链的位置，在右边目标一栏下接三角号，选择_blank,如[图026]

[图026]

好了，现在再浏览首页点击“个人作品”看看，是不是就另外开了一个窗口了。