链接标签学习

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>链接标签学习</title>
 6 </head>
 7 <body>
 8     <a name="top"></a>
 9     <!--
10     a标签:
11         href:必填,点击要跳转的页面
12         target:表示窗口在哪个标签打开
13     -->
14     <a href="图像标签.html" target="_blank">点击跳转到图像信息</a>
15     <br/>
16     <a href="https://www.baidu.com" target="_top">点击跳转到百度</a>
17     <br/>
18     <a href="网页基本信息.html">
19         <img src="../sources/img/ffdaa1be6c81800a5e8a7d61b83533fa838b47f1.jpg" alt="图片信息" title="悬浮文字">
20     </a>
21     <hr/>
22     <!--锚链接
23         1:需要一个锚标记
24         2:需要跳转链接,加#
25     -->
26     <a href="#top">跳到顶部</a>
27     <!--功能性链接
28         邮件链接:mailto
29         qq链接:
30     -->
31     <a href="mailto:[email protected]">点击联系我</a>
32     <br/>
33     <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=123456&site=qq&menu=yes">
34         <img border="0" src="http://wpa.qq.com/pa?p=2:123456:53" alt="点击领取五猫币" title="点击领取五猫币"/></a>
35 </body>
36 </html>

语法

<a target="_blank|_self|_parent|_top|framename">

属性值

描述
_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档。

猜你喜欢

转载自www.cnblogs.com/ls93559/p/12332462.html