很多站长朋友们都不太清楚html怎么做锚记，今天小编就来给大家整理html怎么做锚记，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 命名锚记(书签链接) 怎么做 2、 HTML代码中什么是锚点？怎么设置锚点？ 3、 html5锚怎么写的 4、 html锚记链接 5、 网页设计中的命名锚记怎么做 命名锚记(书签链接) 怎么做首先，创建命名锚记，然后再创建指该命名锚记的链接。命名锚记是在文档中设置标签，锚记一般放置在指定的主题或文档的顶部(设立锚记的位置、使用锚点)
HTML代码中什么是锚点？怎么设置锚点？锚点--是网页的超链接中的一种，也叫做命名锚点，通过name来定位。可以实现在同一页页面中进行链接，很常用，它的英文名称是anchor，也是用a标签来链接的。它的作用是链接同一个页面的某一个章节。
1、首先打开一个HTML页面，不同的软件有不同的打开方式，下面是用Adobe Dreamweaver软件来打开一个页面的。
2、基本代码如下所示。
<!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>
3、在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>
4、锚点的格式代码
<a name="p3"></a>
<p>p3段落</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
<p>------------------</p>
5、运行结果如下所示：点击【段落2】会立马跳转到段落2中。
6、完成效果图。
html5锚怎么写的在HTML5当中，a标签的锚链接，使用#来表示
<a href="#h5course">超链接</a>
如上的h5course就是锚链接的名称
之后利用标签的id和锚链接联系起来，将HTML文件当中的某个标签当做要链接到的位置，为其添加一个id名，id名就是锚链接的名称
<div id="h5course">要链接到的位置</div>
当然还可以链接到其他页面的某个位置，如：
<a href="XXX.html#h5course">超链接</a>
资料来源：《HTML5布局之路》
html锚记链接如果是点图片跳转的话，吧图片放到下面的a标签里面即可
<a href="#part1">跳转到第一部分</a>
<a href="#part2">跳转到第二部分</a>
<div style="height:1000px"></div>
<div id="part1">第一部分</div>
<div style="height:1000px"></div>
<a href="#" id="part2">第二部分</a>
<div style="height:1000px"></div>
网页设计中的命名锚记怎么做命名锚记：就是用户在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。然后创建这些命名锚记的链接，这些链接可以快速将浏览者带到指定位置。
关于html怎么做锚记的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于html怎么做锚记 网页制作锚记链接的详细内容...