锚点--是网页的超链接中的一种,也叫做命名锚点,通过name来定位。可以实现在同一页页面中进行链接,很常用,它的英文名称是anchor,也是用a标签来链接的。它的作用是链接同一个页面的某一个章节。
![HTML页面怎么设置锚点 HTML页面怎么设置锚点](https://i3.zhitonggu.com/87cd0326/96945675f9/cdc90520ac9942b9/ca83557cf1cc1bbcf8051f3bc1ac9ac8f03f.jpg)
操作方法
(01)首先打开制作网页的工具,现在很多软件都可以用来制作网页,像是eclipse、myeclipse、Dreamweaver、visual studio等等,都是很好用的软件,ide。
![HTML页面怎么设置锚点 第2张 HTML页面怎么设置锚点 第2张](https://i1.zhitonggu.com/87cd0326/96945675f9/cdc90520ac9942b9/8bca4e68adc308e2aa0d003bc1ac9ac8f03c.jpg)
(02)打开一个HTML页面,不同的软件有不同的打开方式,下面是用Adobe Dreamweaver软件来打开一个页面的。
![HTML页面怎么设置锚点 第3张 HTML页面怎么设置锚点 第3张](https://i2.zhitonggu.com/87cd0326/96945675f9/cdc90520ac9942b9/98894562f4df07e1a504193bc1ac9ac8f03a.jpg)
(03)基本代码如下所示。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""><html xmlns=""><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body></body></html>
![HTML页面怎么设置锚点 第4张 HTML页面怎么设置锚点 第4张](https://i3.zhitonggu.com/87cd0326/96945675f9/cdc90520ac9942b9/9a945964f9c905bafc011c3bc1ac9ac8f038.jpg)
(04)在body里面填写如下的代码。<body><a href="">文字1</a><a href="">文字2</a><a href="">文字3</a><a name="p1"></a><p>p1段落</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><a name="p2"></a><p>p2段落</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><a name="p3"></a><p>p3段落</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p></body>
![HTML页面怎么设置锚点 第5张 HTML页面怎么设置锚点 第5张](https://i1.zhitonggu.com/87cd0326/96945675f9/cdc90520ac9942b9/ca985a79efc910bba0125d3bc1ac9ac8f037.jpg)
(05)锚点的格式代码<a name="p3"></a><p>p3段落</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p>
![HTML页面怎么设置锚点 第6张 HTML页面怎么设置锚点 第6张](https://i2.zhitonggu.com/87cd0326/96945675f9/cdc90520ac9942b9/cb9d4178f49f17e2fc04003bc1ac9ac8f73e.jpg)
![HTML页面怎么设置锚点 第7张 HTML页面怎么设置锚点 第7张](https://i3.zhitonggu.com/87cd0326/96945675f9/cdc90520ac9942b9/9e8d4720f2d91bbfa2415f3bc1ac9ac8f73d.jpg)
(06)运行结果如下所示:点击【段落2】会立马跳转到段落2中。
![HTML页面怎么设置锚点 第8张 HTML页面怎么设置锚点 第8张](https://i1.zhitonggu.com/87cd0326/96945675f9/cdc90520ac9942b9/8f8e4120fdd71ffcff03083bc1ac9ac8f73b.jpg)
![HTML页面怎么设置锚点 第9张 HTML页面怎么设置锚点 第9张](https://i2.zhitonggu.com/87cd0326/96945675f9/cdc90520ac9942b9/cd9c5a77eddd13fcfd15003bc1ac9ac8f739.jpg)
特别提示
用HTML知识制作锚点;