学习交流

当前位置 /首页/母婴教育/学习交流/列表

HTML页面怎么设置锚点

锚点--是网页的超链接中的一种,也叫做命名锚点,通过name来定位。可以实现在同一页页面中进行链接,很常用,它的英文名称是anchor,也是用a标签来链接的。它的作用是链接同一个页面的某一个章节。

HTML页面怎么设置锚点

操作方法

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

HTML页面怎么设置锚点 第2张

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

HTML页面怎么设置锚点 第3张

(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张

(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张

(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页面怎么设置锚点 第7张

(06)运行结果如下所示:点击【段落2】会立马跳转到段落2中。

HTML页面怎么设置锚点 第8张
HTML页面怎么设置锚点 第9张

特别提示

用HTML知识制作锚点;

TAG标签:HTML 锚点 页面 设置 #