超链接基础

目录

1、标签名

2、常用属性

3、不同文件浏览器能否直接打开

4、超链接跳转锚点

---

1、标签名

<a></a>

2、常用属性

（1）href    ：写要跳转的网页地址

（2）target ：写在当前页跳转（_self属性值）还是新开一个标签页跳转（_blank属性值）

3、不同文件浏览器能否直接打开

（1）浏览器能直接打开的文件

后缀为.jpg  .mp4  .gif  .pdf 的文件

（2）浏览器不能直接打开的文件，会自动触发下载

例如：后缀为.zip的文件

（3）强制触发下载文件后，才能打开

给标签内添加一个download属性。属性值不写：下载时文件名称是href的属性值名称；属性值写了，下载时是该属性值的名称

4、超链接跳转锚点

（1）锚点：网页中的一个标记点

（2）设置锚点

①a标签配合name属性

②a标签配合id属性（常用）

    <!-- 超链接 -->
    <a href="#dog">查看柯基</a>
    <a href="#flower">查看荷花</a>


    <img src="草莓.jpg" >

    <!-- 锚点 -->
    <p id="flower"></p>
    <img src="荷花.jpg" >
    
    <!-- 锚点 -->
    <a name="dog"></a>
    <img src="柯基.webp">

（3）其他锚点

    <a href="#">回到顶部</a>
    <a href="">刷新</a>
    <a href="javascript:alert();">弹窗</a>

 <a href="./html标准结构.html#strawberry">跳转其他页面锚点</a>

5、超链接换起指定应用

    <!-- 唤起设备拨号 -->
    <a href="10086">打电话</a>
    <!-- 唤起设备发送邮件 -->
    <a href="mailto:10086@qq.com">发邮件</a>
    <!-- 换起设备发送短信 -->
    <a href="sms:10086">发短信</a>