最后这些关于html的内容有点查漏补缺的意思了，这一次是关于文本内链接的使用方法，简单来说就是我们的页面中有一个章节名称目录，如何点击目录中的名称，就能正好在页面中显示相应内容。

 

　　如图所示：

 

　　点击目录的"总体评价"跳转到相应内容，如图：

 

　　就是这样的一个效果。在很多网页中经常看到。

 

　　这个案例我们会分三部分来讲解。

 

　　今天主要学习如何使用标签进行页面内链接，已及从其他网页链接该页面内的指定内容。

 

　　这里会有一个问题，就是点击链接后，文字内容会置顶显示，这个默认形式会给我们带来不便，解决方案较复杂，会在最后一次讲解中给出。

 

　　下一次我们来学习如何对图片添加映射超链接，映射超链接的意思是，假如我的图片中有两个人物或物象，考虑读者会感兴趣，想了解更多内容，如何框选出物象边缘来添加链接，这就是图像映射超链接。如图：使用一个平时不可见的边框来制作图片映射链接，确保感兴趣的读者能点击到画面中的目标物体。

 

　　最后一部分我们将回答今天结尾的问题，也就是如何解决置顶问题。这一部分也会作为HTML部分结束的综合练习，和css部分启蒙的预热练习。，

 

　　首先看一下今天的基础代码

 

　　看着复杂，实际上主要都是些内容文字，简化后的代码如下：

 

　　就是在中添加四个标签来写入标题，并列写入一个标签，并在标签中添加文字内容和标签。这时需要注意的是，中还要用标签夹住标题。

 

　　页面效果如下：

 

　　下面我们来添加文章内部链接

 

　　添加文章内部链接需要一前一后两个标签。一个是目录中的，如图：

 

　　一个是正文中的标题上的，如图：

 

　　添加内部链接的办法非常简单，首先我们把目录中的标题标签称为"召唤者"。把正文中的标题中的标签称为"被召唤者"。

 

　　所以先要给"被召唤者"起名字，起名字的方法有两种，一种是name=""，还有一种是id=""，建议大家都写上，因为有的浏览器不支持name属性。具体写法如下：

 

　　在"召唤者"标签中使用href属性来叫出"被召唤者"的名字！示例代码如下：需要在引号中添加#后再写名字。

 

　　标签有点懒，只叫名字的话它会假装听不见，所以还要具体描述它的特征，让它不好意思偷懒，也就是前后两个标签中间夹的文字内容要一致，比如上文中的两个中间的内容都是"试飞进程"。如果字不一样，休想叫得动"被召唤者"。

 

　　效果如下：

 

　　点击后，试飞进程标签跳到了视窗的最顶端，如图：这种顶在视窗顶端的显示的方式我们称之为"置顶"。

 

　　下面我们使用这个方法，为剩下的标题添加页面内链接。

 

　　打开外部页面中指定信息位置的方法

 

　　首先，我们复制一下这个页面文件命名为"打开外部页面文件指定位置。html"，然后删掉

 

　　和其中内容。示例代码如下：

 

　　方法非常简单，在href中添加外部页面路径即可！示例代码如下：

 

　　依次添加后，页面效果如下：

 

　　点击其中一个标题"研制情况"，页面跳转，如图：

 

　　这里，置顶的问题就出现了，如果我们的文章目录一直在视图的顶部，每次点击页面内链接时，顶部的目录就会和标题重叠，非常不美观，解决这个问题就要涉及到

 

　　布局的应用，我们以后再说。