今天分享一下，页面跳转和锚点跳转。
页面跳转——也叫超链接跳转页面，从一个页面跳转到另外一个页面；
锚点跳转——从一个页面跳转到当前页面的某一个位置，也可以跳转到其他页面的某一位置。
页面跳转
<!--超链接:a标签用于实现页面跳转，href是引入跳转的路径，
使用target="_blank"实现链接内容在新页面打开，默认是在当前页面打开-->
<a href="https://www.baidu.com/" target="_blank" name="three">百度</a>
<a href="https://www.baidu.com/"><img src="https://www.baidu.com/img/baidu_jgylogo3.gif"/></a>
锚点跳转
跳转到当前页面的某一个位置——
锚点实现
(1)找到所要点击的内容,用a包裹所要点击的内容，href=索要跳转的名字
<a href="#锚点名字"></a>
(2)找到所要跳转的内容，用a包裹所要跳转的内用，取name属性
<a href="" name=""></a>
新建文件01.html
<!DOCTYPE html>
<!--文档头：告诉浏览器，用哪一种方式编译代码-->
<!--1、标签含义：标记，元素；
2、标签结构：
双标签：<标签名></标签名>
单标签：<标签名>或</标签名>-->
<html>
<!--放置配置文件-->
<head>
<!--字符集：编码方式-->
<meta charset="utf-8">
<!--网站标题-->
<title></title>
<!--引入网站标题缩略图-->
</head>
<body>
<!--网站内容-->
<!--<标签名 k="">k属于标签属性，不分先后-->
<!--一、img有3个基本属性：src、alt、title。
1、src：图片路径，路径分为：绝对路径，相对路径。
01、绝对路径：某个盘下的XXX,例如：
02、相对路径：相对于当前文件寻找的路径
2、alt：当图片像是不出来的时候，才显示出来的提示文字。
一般都要加（seo--浏览器搜索优化，浏览器搜索图片是根据alt和title）。（w3c官网中：鼠标移入提示文字，但暂时没测出来）
3、title：当鼠标移到图片上时，显示提示文字。-->
<h2>尹毓恪</h2>
<!--锚点实现
(1)找到所要点击的内容,用a包裹所要点击的内容，href=索要跳转的名字
<a href="#锚点名字"></a>
(2)找到所要跳转的内容，用a包裹所要跳转的内用，取name属性
<a href="" name=""></a>
-->
<p>尹毓恪拥有柔和的五官，很好的嗓音条件以及令人惊艳的唱功
<a href="#first"><sup>[1]</sup></a>
</p>
<p>尹毓恪被誉为“仙嗓少年”，在一组写真中，他身穿一身白色长袍，将天使少年的“纯真无邪”一览无余。
<a href="#second"><sup>[2]</sup></a>
</p>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br>
<ol type="1">
<li><a href="https://www.baidu.com/" target="_blank" name="three">百度</a></li>
<li>
<a href="" name="first">“80后”老将夺冠《2017快乐男声》 感谢老天终眷顾 </a>
</li>
<li>
<a href="" name="second">从快男到《这就是歌唱》 尹毓恪让罗志祥等了一整年 </a>
</li>
</ol>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br>
</body>
</html>
跳转到其他页面的某一位置
新建文件02.html
跳转到另一页面的某一位置，只需要在跳转路径后面+#+锚点名（name）即 ——路径+#name
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--跳转另一页面的某一个锚点-->
<a href="01.html#three">我是页面二，我要跳转到页面一，百度那里</a>
</body>
</html>