【HTML】03超連結

白茶花约發表於2024-03-08
HTML
 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>

相關文章