<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
单页面锚点跳转
概述:当我们点击锚点链接时,可以快速定位到页面中的某个位置。
语法:
跳转链接:<a href="#id名称">黄盒子</a>
目标点:<开始标签 id="id名称">内容</结束标签>
多页面的锚点跳转
语法:
跳转链接: <a href="页面的路径#id名称">粉盒子</a>
目标点:路径页面中的 <img id="id名称" src="C:\Users\panyz\Desktop\web一阶段1101\day02\1、代码\images\1.jpg" alt="">
-->
<a href="#yellow">黄盒子</a>
<a href="#pink">粉盒子</a>
<a href="./5、路径.html#pic">图片</a>
<div style="width:400px;height:400px;background-color:red;"></div>
<div id="yellow" style="width:400px;height:400px;background-color:yellow;"></div>
<div style="width:400px;height:400px;background-color:orange;"></div>
<div style="width:400px;height:400px;background-color:green;"></div>
<div id="pink" style="width:400px;height:400px;background-color:pink;"></div>
</body>
</html>