超链接

1.超链接跳转页面

标签名	标签语义	常用属性	单/双标签
a	超链接	href：要跳转的具体位置 target：跳转时如何打开页面 _self：在本页签中打开 _blank：在新页签中打开	双标签 行内标签 除了不能套a标签本身，块行标签都能套

代码格式

 <!--跳转到其他网页-->
 <a href="https://www.jd.com/ target="_blank">去京东</a>
                                             
 <!--跳转到当地页面-->        
 <a href=./10_HTML排版标签.html target="_self">去看排版标签</a>                        

注意点：

1. 代码中的多个空格、多个回车，都会被浏览器解析成一个空格！

2. 虽然 a 是行内元素，但 a 元素可以包裹除它自身外的任何元素！

3. href写点击后要跳转的地方的地址，a /a 中间写这个超链接的名字。

2.超链接跳转到文件

 <!--跳转到网页能直接打开的文件-->
 <a href="./resource/自拍.jpg">看自拍</a>
 <a href="./resource/小电影.mp4">看小电影</a>
 <a href="./resource/如何一夜暴富.pdf">点我看如何一夜暴富</a>
 ​
 <!--浏览器不能打开的页面，会自动触发下载-->
 <a href="./resource/内部资源.zip">点我下载内部资源</a>
 ​
 <!--强制下载-->
 <a href="./resource/小电影.mp4" download="电影片段">点我下载小电影</a>

1. 如果浏览器无法打开文件，则会引导用户下载

2. 当强制下载时，属性download的值及为下载时的文件名如download=“你好” 则文件下载的名字

默认为你好 如果只有download ，则默认下载的名字是原始资源名

1. 在没有download属性值强调时，前两种情况下载的名字都是默认文件名。

3.跳转到锚点

• 第一步：设置锚点

 <!--第一种：a标签配合name属性-->
 <a name="hh"></a>
 ​
 <!--第二种：其他标签配合id属性-->
 <p id="xixi">下面是图片介绍</p>

注意点：

1. 具有 href 属性的 a 标签是超链接，具有 name 属性的 a 标签是锚点。

2. name 和 id 都是区分大小写的，且 id 最好别是数字开头。

• 第二步：跳转锚点

 <!--跳转到hh锚点-->
 <a href="#hh">点我到hh</a>
 ​
 <!--跳转到xixi锚点-->
 <a href="#xixi">点我到xixi</a>
 ​
 <!--跳转到页面顶部-->
 <a href="#">回到顶部</a>
 ​
 <!--跳转到其他页面的锚点-->
 <a href="demo.html#xixi">去demo.html页面的xixi锚点</a>

4.唤起指定应用

 <!--唤起设备拨号-->
 <a href="tel:10086">拨打10086</a>
 <!--唤起设备发送邮件-->
 <a href="mailto:123456@163.com">给123456@163.com拨打邮件</a>
 <!--唤起设备发送短信-->
 <a href="sms:10086">给10086发送短信</a>