操作方法
首先打开制作网页的工具，现在很多软件都可以用来制作网页，像是eclipse、myeclipse、Dreamweaver、visual studio等等，都是很好用的软件，ide。
打开一个HTML页面，不同的软件有不同的打开方式，下面是用Adobe Dreamweaver软件来打开一个页面的。
基本代码如下所示。 <!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=utf-8" /> <title>无标题文档</title> </head> <body> </body> </html>
在body里面填写如下的代码。 <body> <a href="q.html#p1">文字1</a> <a href="q.html#p2">文字2</a> <a href="q.html#p3">文字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>
锚点的格式代码 <a name="p3"></a> <p>p3段落</p> <p>------------------</p> <p>------------------</p> <p>------------------</p> <p>------------------</p> <p>------------------</p> <p>------------------</p> <p>------------------</p>
运行结果如下所示： 点击【段落2】会立马跳转到段落2中。