HTML页面怎么设置锚点

时间：2024-10-19 12:43:55

1、首先打开制作网页的工具，现在很多软件都可以用来制作网页，像是eclipse、myeclipse、Dreamweaver、visual studio等等，都是很好用的软件，ide。

2、打开一个HTML页面，不同的软件有不同的打开方式，下面是用Adobe Dreamweaver软件来打开一个页面的。

3、基本代码如下所示。<!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>

4、在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> p1段落 ------------------ ------------------ ------------------ ------------------ ------------------ ------------------ ------------------ ------------------ ------------------ ------------------ <a name="p2"></a> p2段落------------------ ------------------ ------------------ ------------------ ------------------ ------------------ ------------------ ------------------ ------------------ <a name="p3"></a> p3段落 ------------------ ------------------ ------------------ ------------------ ------------------ ------------------ ------------------</body>

5、锚点的格式代码<a name="p3"></a> p3段落 ------------------ ------------------ ------------------ ------------------ ------------------ ------------------ ------------------

6、运行结果如下所示：点击【段落2】会立马跳转到段落2中。