HTML5---链接标签学习

最新推荐文章于 2021-11-11 19:57:08 发布

AO_AEO

最新推荐文章于 2021-11-11 19:57:08 发布

阅读量234

点赞数

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

本文链接：https://blog.csdn.net/AO_AEO/article/details/106709245

版权

HTML 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

4.链接标签

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签的学习</title>
</head>
<body>
<!--使用name作为标记-->
<a name="top">顶部</a>
<!--a标签
href:必填，表示要跳转到哪个页面
target:表示窗口在哪里打开
    _blank 在新标签页打开
    _self  在自己的网页打开
-->
<a href="1.我的第一个网页.html"target="_blank"><h1>点击跳转</h1></a><br>
<a href="https://www.baidu.com/" target="_self"><h1>点击跳转到百度</h1></a>

<br>
<a href="1.我的第一个网页.html">
    <img src="../resources/image/咖啡.png" alt="咖啡" title="悬停文字"width="4000"height="5660">
</a>


<!--锚链接
1.需要一个锚标记
2.跳转到标记

-->
<br>
<a href="#top">回到顶部</a>

<a name="down">down</a>

<!--功能性链接
邮件链接:mailto：
QQ链接
-->
<br>
<a href="mailto:2538845604@qq.com">点击联系我</a>
<br>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">
    <img border="0" src="https://s1.ax1x.com/2020/05/18/YhZOr6.jpg" alt="点击QQ联系我" title="点击QQ联系我"/>
</a>
</body>
</html>

AO_AEO

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5---链接标签学习

4.链接标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>链接标签的学习</title></head><body><a name="top">顶部</a><!--a标签href:必填，表示要跳转到哪个页面targ
复制链接

扫一扫