代码改变世界

Day02超链接标签及应用

2022-09-05 23:26  rebirthhhh  阅读(9)  评论(0)  编辑  收藏  举报

链接标签

超链接

​ 从一个页面链接到另一个页面

锚链接

功能性链接

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签学习</title>
</head>
<body>

<!--使用name作为标记-->
<a href="top">顶部</a>

<!--a标签
href：必填，表示要跳转到哪个页面
target:表示窗口在哪里打开
    _bank  在新标签中打开(打开一个新页面)
    _self  在自己的网页中打开



-->
<a href="1.我的第一个网页.html" target="_blank">点击我跳转到页面一</a>
<a href="http://www.baidu.com" target="_self">点击我跳转到百度</a>

<br>

<a href="1.我的第一个网页.html">
    <img src="../resources/image/daitu.JPG" alt="带土头像" title="悬停文字" width="300" height="300">
</a>


<!--锚链接
（跳转到具体为止）
1.需要一个锚标记
2.跳转到标记
#
-->
<a href="#top">回到顶部</a>


<br>


<!--功能性链接
邮件链接：mailto;
-->
<a href="mailto:1826959581@qq.com">点击联系我</a>


</body>
</html>