2022.4.3 链接标签

链接标签

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>链接标签</title>
 6 </head>
 7 <body>
 8 <!--锚标记：使用name作为标记-->
 9 <a name="top">顶部</a>
10 <br/>
11 
12 <!--超链接
13 href:链接路径，表示要跳转到那个页面（必填）
14 target:表示窗口在哪里打开
15       _blank：在新页面打开
16       _self：在当前页面打开
17 -->
18 <a href="1.我的第一个网页.html" target="_blank">点击我跳转到页面一</a>
19 <a href="https://www.baidu.com" target="_self">点击我跳转到百度</a>
20 <br/>
21 
22 <p>
23 <!--点击图片跳转到页面一-->
24 <a href="1.我的第一个网页.html">
25     <img src="../resources/image/3.1.jpg" alt="胡晓越" title="胡晓越" width="20%" height="20%">
26 </a>
27 </p>
28 
29 <p>
30     <!--点击图片跳转到页面一-->
31     <a href="1.我的第一个网页.html">
32         <img src="../resources/image/3.1.jpg" alt="胡晓越" title="胡晓越" width="20%" height="20%">
33     </a>
34 </p>
35 
36 <!--锚链接
37 实现页面内跳转
38 1.需要一个锚标记
39 2.跳转到标记
40 通过  #标记名字 跳转
41 -->
42 <a href="#top">回到顶部</a>
43 <br/>
44 
45 <!--锚标记-->
46 <a name="down">down</a>
47 <br/>
48 
49 <!--功能性链接
50 邮件链接：mailto
51 -->
52 <a href="mailto:480200056@qq.com">点击联系我</a>
53 <br/>
54 
55 <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">
56     <img border="0" src="http://wpa.qq.com/pa?p=2::52" alt="你好，加我交流" title="你好，加我交流"/>
57 </a>
58 
59 </body>
60 </html>

 

 

 

posted @ 2022-04-05 15:11  暴躁C语言  阅读(24)  评论(0)    收藏  举报