超链接标签以及应用

荭色海湾

已于 2023-01-15 18:57:57 修改

阅读量162

点赞数

分类专栏： HTML 文章标签： html 前端

于 2023-01-11 10:27:13 首次发布

本文链接：https://blog.csdn.net/qq_53374893/article/details/128639639

版权

HTML 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签学习</title>
</head>
<body>
<!--使用name作为标记-->
<a name="top">顶部</a><a href="#led">跳转到底部</a>
<!--a标签
href :必填，表示要跳转到哪个页面
target:表示窗口在哪里打开 {
            1._blank在新标签中打开
            2._self在自己的网页中打开
}

-->
<a href="1.我的第一个网页.html" target="_blank">点击我跳转到页面一</a>
<a href="https://www.baidu.com" target="_self" >点击我跳转到百度</a>
<br>
<a href="1.我的第一个网页.html">
    <img src="../resources/image/图像标签.jpg" alt="基神头像" title="基基哥" width="300"height="200">

</a>


<a name="led">尾部</a>
<!--锚链接
1.需要一个锚标记
2.跳转到标记处
#
-->
<a href="#top">回到顶部</a>

<!--功能性链接
邮件链接:mailto
QQ链接：QQ推广生成的超链接
-->
<a href="mailto:1393087444@qq.com">点击联系我</a>

</body>
</html>