a标签内部跳转

呆呆敲代码丫

于 2021-06-01 11:03:16 发布

阅读量704

点赞数 7

分类专栏：唯唯同学布置的作业好好学习吧!!! 文章标签： html5

本文链接：https://blog.csdn.net/weixin_46474458/article/details/117438397

版权

唯唯同学布置的作业好好学习吧!!! 专栏收录该内容

16 篇文章 1 订阅

订阅专栏

跟着唯唯同学的步伐别走丢哦!!!

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#name1{
				height: 1000px;
				background: #00FFFF;
			}
			#name2{
				height: 1000px;
				background: #00ff00;
			}
			#name3{
				height: 1000px;
				background: #ff007f;
			}
		</style>
	</head>
	<body>
		<!-- href:跳转至网络地址 -->
		<a href="#name1" title="点击跳转到第一部分">第1部分内容</a>
		<a href="#name2" title="点击跳转到第二部分">第2部分内容</a>
		<a href="#name3" title="点击跳转到第三部分">第3部分内容</a>
		
		<p id="name1">第1部分内容</p>
		<p id="name2">第2部分内容</p>
		<p id="name3">第3部分内容</p>
	</body>
</html>