超链接定义锚点

最新推荐文章于 2024-03-14 09:39:32 发布

crraxx

最新推荐文章于 2024-03-14 09:39:32 发布

阅读量828

点赞数 2

分类专栏：网页文章标签： html

本文链接：https://blog.csdn.net/crraxx/article/details/109191890

版权

网页专栏收录该内容

18 篇文章 5 订阅

订阅专栏

超链接定义锚点

单击超链接时直接跳转到锚点定义的位置，比如有时候打开网页后会出现“返回顶部”的提示符，点击就可以直接回到顶部。例图如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<!-- 
	超链接定义锚点
	超链接找锚点
	 <a href="#锚点名称">链接名称</a>
	 
	 定义锚点
	 <a name="名称">aaa</a>
	 -->
	<body>
		<h3> <a name="top"></a></h3>
		<a href="#p1">产品1</a>
		<a href="#p2">产品2</a>
		<a href="#p3">产品3</a>
		<a href="#p4">产品4</a>
		<a href="#p5">产品5</a>
		<hr >
		<h3> <a name="p1">产品1</a></h3>
		<img src="img/nike/1.png" />
		<h3> <a name="p2">产品2</a></h3>
		<img src="img/nike/2.png" />
		<h3> <a name="p3">产品3</a></h3>
		<img src="img/nike/3.png" />
		<h3> <a name="p4">产品4</a></h3>
		<img src="img/nike/4.png" />
		<h3> <a name="p1">产品5</a></h3>
		<img src="img/nike/5.png" />
		<!-- 设置“返回顶部”的锚点点击可以迅速返回最顶部 -->
		<h3 align="right"><a href="#top">返回顶部</a></h3>
		
	</body>
</html>