超级链接¶

使用<a>标签制作超级链接

<a href="https://www.imooc.com" title="慕课网" target="_blank">慕课网</a>

href属性支持相对路径和绝对路径

<!-- 相对路径 -->
<a href="6.图片标签.html" title="图片">去图片链接</a>
<!-- 绝对路径, 新窗口打开网页 -->
<a href="https://www.imooc.com" title="慕课网" target="_blank">慕课网</a>

＜a>标签的title属性用于设置鼠标的悬停文本

<a href="6.图片标签.html" title="图片">去图片链接</a>

将<a>标签的target属性设置为blank，即可在新标签页中打开网页

<!-- blank, _blank 都可以 -->
<a href="https://www.imooc.com" title="慕课网" target="_blank">慕课网</a>

图片也可以设置超级链接，只需要用<a>标签包裹img标签即可

<a href="https://www.imooc.com">
    <img src="https://www.imooc.com/static/img/index/logo2020.png" alt="">
</a>

较长的页面，可以适当的给h系列标签添加id属性，它将成为页面的“锚点〞

<h1 id="bj">北京美景</h1>

当网址后面添加＃时，页面将自动滚动到锚点所在位置。#top 是系统自带，可直接使用

<a href="lvyou.html#bj">看北京</a>

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

<a href="1.zip">下载</a>

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

<a href="mailto:smile@itjoy.org">发邮件</a>

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

<a href="tel:15652626797">打电话</a>