4月9号笔记

1.锚记
效果显示：

屏幕截图 2026-04-18 184813

屏幕截图 2026-04-18 184836

代码演示:

点击查看代码 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>锚记样例</title>
		
		
		
		
		
		
		
	</head>
	<body>
		<p id="part11">首页</p>
		<a href="#part1">第一章</a>
		<a href="#part2">第二章</a>
		<a href="#part3">第三章</a>
		<a href="#footer">页面底部</a>
		
		<h1 id="part1">第一章</h1>
		<p>这里是第一章内容</p>
		<br><br><br><br><br><br><br>
		<br><br><br><br><br><br><br>
		<br><br><br><br><br><br><br>
		<a href="#part11">回到首页</a>
		
		
		<h2 id="part2">第二章</h2>
		<p>这里是第二章内容</p>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<br><br><br><br><br>
		<a href="#part11">回到首页</a>
		<h3 id="part3">第三章</h3>
		<p>这里是第三章内容</p>
		<br><br><br><br><br><br>
		<br><br><br><br><br><br>
		<br><br><br><br><br><br>
		<a href="#part11">回到首页</a>
		
		
		
		
		<div id="footer">
			这是页面底部
			<a href="#">返回顶部</a>
		
		</div>
		
	</body>
</html>
posted @ 2026-04-18 18:50  createcoding  阅读(6)  评论(0)    收藏  举报