超链接标签即a标签,键入a,点击tab
即可生成,基本代码如下:
<a href=""></a>
关于html超链接标签,主要介绍以下三种类型:
- 页面间链接
- 锚链接
- 功能性链接
一、页面间链接
点击超链接,跳转到对应的页面。
- 点击文字,跳转到其他页面
<!-- a标签:
1.生成:键入a,点击tab生成
2.href:必填,表示要跳转到哪个页面
【页面可以填写本项目中的其他html文件,也可以填写网上的页面】
3.target:新页面在哪里打开
3.1 _blank:在新标签页中打开
3.2 _self:在当前页面中打开
-->
<a href="基本标签.html" target="_blank">点击我跳转到基本标签页面</a>
<a href="https://www.baidu.com" target="_self">点击我跳转到百度</a>
- 图像超链接,点击图片跳转
<a href="https://www.baidu.com">
<img src="../resources/image/1.jpg" alt="图片名称" >
</a>
二、锚链接
点击超链接,跳转到对应网页的特定位置。
<!--锚链接:点击跳转到对应网页的特定位置
1.需要一个锚标记,我们使用name进行标记,例如:
<a name="top">顶部</a>
2.跳转到标记,使用" 网页地址#标记名 "进行跳转,如下所示:
href=" 网页地址#top "
如果是跳转到当前页面的某处,则网页地址可以不用填写。
-->
<!-- 使用name作为标记-->
<a name="top">顶部</a>
<a href="#top">点击回到顶部</a>
三、功能性链接
点击超链接,发送邮件。
<!-- 功能性链接
邮件链接:mailto
-->
<a href="mailto:你的邮箱@163.com">点击联系我</a>