码迷,mamicode.com
首页 > Web开发 > 详细

HTML 04超链接标签

时间:2020-04-23 23:05:24      阅读:67      评论:0      收藏:0      [点我收藏+]

标签:blank   --   目标   body   新标签   jpg   默认   a标签   窗口   

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

<!--顶部,使用name做标记-->
<a name="top">顶部</a>


<!--a标签
href:必填,要跳转到的页面
(ctrl加d:复制到下一行)
target:表示窗口从哪里打开
_blank:在新标签中打开
-->
<a href="03.html" target="_blank">点击我</a>
<a href="03.html">
<img src="../resource/img/1.jpg" alt="小白图像" title="小白" height="300" width="200">
</a>





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


<!--功能性链接
邮件链接:mailto:
qq链接:搜索QQ推广
-->
<a href="mailto:994821640@qq.com">点击联系我</a>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">
<img border="0" src="http://wpa.qq.com/pa?p=2::51" alt="点击这里给我发消息" title="点击这里给我发消息"></a>


</body>
</html>



<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>超链接标签</title>
</head>
<body>
<!--
<a href="path" target="目标窗口位置">超文本或图像</a>
a标签:
href:必填,表示要跳转到的页面
target:_blank 在新标签中打开
_self 在当前网页打开(默认的)
-->

<a href="https://www.baidu.com">点击我</a>
<a href="https://www.baidu.com" target="_blank">点击我</a>
<a href="https://www.baidu.com" target="_self">点击我</a>

<br/>
<a href="02.html">
<img src="../resource/img/1.jpg" alt="嘿小白" title="猜猜我是谁" width="300" height="400">
</a>

<br/>

<a href=""></a>


</body>
</html>


HTML 04超链接标签

标签:blank   --   目标   body   新标签   jpg   默认   a标签   窗口   

原文地址:https://www.cnblogs.com/xiaobaichaokeai/p/12764313.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!