HTML网页制作：[10]制作锚点链接

1、先举个例子，说下下锚点链接的概念。如图所示，比如，如图所示是一个网页。锚点链接的意思说就是：“abc”就是一个链接，我点击“abc”之后，就会跳转到"123"的位置上。懂了吧。最常用的方式，在一个网页的开头，做一个目录，每一个目录都是一个锚点链接，然后链接到本页面相关的位置。

2、锚点链接的语法：<挢旗扦渌;a name="锚点的名字"></a>意思是在网页中的某一邗锒凳审个位置，插入一个锚点<a href="#锚点的名字">显示的字样</a>意思是在网页中的某一个位置链接之前设定的锚点，只要点击该链接，就会自动跳转到锚点处。

3、无图无真相。一边截图一边写。在bo蟠校盯昂dy中增加一行：<a name="ch"></a>hello，我在这里，来找我啊意思是创建一个锚点，锚点的名字为“ch”

4、看下网页的效果图

5、接着，在body中，再增加一行代码：<a href="#ch">我来找你啦</a>完整代码如图

6、看网页效果图当点击网页上面的链接后，就会跳转到下面的那行字，简单吧。

7、最后，给一个完整的例子代码如下：

8、网页效果如下

9、点击“第一章”后，自动跳转到“第一章”所在的锚点

10、“第二章”和“第三章”的效果同上。是不是很方便？