超级链接

使用a标签引用超级链接

    <a href="图片链接.html"> 美图</a>
    <a href="图片链接1.html">美图2</a>
    
    <br/>
    <img src="html.jpg.jpg"alt="美图" width="50%"height="60%" />
    <h4>美图</h4>
     
     <a href="图片链接.html"><h2>美图2</h2></a>
     <h4>1.外部链接</h4>
     <!-- <p>target 打开窗口方式 默认的值是_self 当前窗口打开 _blank 新窗口打开</p> -->
     <a href="http://www.qq.com" target="_blank">腾讯</a>
     <!-- <h4>内部链接：网站内部页面之间的相互链接</h4> -->
     <a href='../2.png' target="_blank"> 图片</a>
     <!-- <h4>空连接：#</h4> -->
     <a href="#">图片</a>
     <h4>给图片一个链接</h4>
     <a href="http://www.baidu.com"><img src="../2.png"/></a>
复制代码

通过 a标签的href属性可以引用地址链接进行网页的跳转，target 打开窗口方式 默认的值是_self 当前窗口打开 blank 新窗口打开。

可以将href的属性都设置为#表示为空连接。

同样可以给图片设置超级链接，至于要使用a标签包裹img标签即可

页面锚点

通过在页面指定位置标签内设置id选择器设置id名，通过在href属性中在链接后加上#和id名即可跳转至对应页面的id所在的位置

下载链接

指向exe、zip、rar等文件格式的链接时，将自动成为下载链接

<a href="1.zip">下载</a>
复制代码

邮件链接，电话链接

有mailto:前缀的链接是邮件链接，系统将自动打开Email相关软件

 <a href="tel:12306">给那年夏天的女生发打电话</a>
复制代码

有tel:前缀的链接是电话连接，系统将自动打开拨号盘

<a href="mailto:me@test.com">给那年夏天的女生发邮件</a>
复制代码