HTML页面怎么设置锚点

2025-12-11 19:53:20

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

HTML页面怎么设置锚点

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

HTML页面怎么设置锚点

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>

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>

HTML页面怎么设置锚点

5、锚点的格式代码

<a name="p3"></a>

  p3段落

  ------------------

  ------------------

  ------------------

  ------------------

   ------------------

  ------------------

  ------------------

HTML页面怎么设置锚点

HTML页面怎么设置锚点

6、运行结果如下所示:

点击【段落2】会立马跳转到段落2中。

HTML页面怎么设置锚点

HTML页面怎么设置锚点

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢