【HTML】03超链接 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <title>Document</title>
 7 </head>
 8 <body>
 9     <!--
10         超链接标签
11             a
12                 href 用于定义要跳转的目标资源的地址
13                     1 完整的url
14                     2 相对路径  以当前资源的所在路径为出发点去找目标资源
15                                 可以以 ./ 开头或 ../ 开头
16                                 ./ 表示当前资源的所在路径，可以省略不写
17                                 ../ 表示当前资源的上一层路径，需要时必须显示写出
18                     3 绝对路径  无论当前资源在哪里，使用以固定的位置作为出发点去找目标资源
19                                 以 / 开头
20 
21                 target 用于定义目标资源的打开方式
22                     _self 在当前窗口打开目标资源
23                     _blank 开启新窗口打开目标资源
24     -->
25 
26     <a href="https://www.cumt.edu.cn/" target="_self">中国矿业大学</a> <!--绝对路径-->
27     <a href="/Study/test/测试.html" target="_blank">测试1</a>
28 
29     <a href="02有序无序列表.html" target="_blank">02</a> <!--相对路径-->
30     <a href="test/测试.html" target="_blank">测试2</a>
31 
32 </body>
33 </html>

 

posted @ 2024-03-08 00:46  白茶花约  阅读(16)  评论(0)    收藏  举报