一、鏈接標簽
語法：<a href="目標地址">這個標簽上展示的內容</a>
作用：可以實現在當前頁面跳轉到新頁面的操作
屬性
1.target這個屬性可以設置新頁面在哪個窗口打開，當值為_blank時，可以在新窗口打開
2.a標簽中默認有一個href屬性，存放內容是目標網頁的地址
3.href的屬性值設置為#時，可以設置為空鏈接當用戶點擊時不會發生跳轉，用來站位，一般用於開發階段，因為很多頁面還沒有完成，用空鏈接進行站位
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>超鏈接標簽及屬性值</title> </head> <body> <!-- 空鏈接，用#進行站位，也叫本頁跳轉 --> <a href="#">百度一下，你就知道</a> <br /> <!-- 有鏈接地址 --> <a href="http://www.baidu.com">百度一下，你就知道</a> <!-- 設置鏈接在新的窗口打卡 --> <br /> <a href="http://www.baidu.com" target="_blank">百度一下</a> </body> </html>
二、路徑
所謂的路徑我們可以看做是在程序代碼中用來查找某個具體的資源所“走”過的路，如D:\迅雷下載\HBuilderX.2.0.1.20190614\HBuilderX
1、絕對路徑：一般以盤符為起點來進行查找，或者就是一個絕對的URL地址，但是在實際的工作中不建議使用絕對路徑
2、相對路徑：相對路徑就是以一個已知的文件為起點進行查找
三、相對路徑的用法
路徑是一個通用的存在，以查找圖片為例來講解路徑的使用方法，在實際工作中，相對路徑使用的頻率最高，認為的將相對路徑分為三種：同級路徑、下級路徑、上級路徑
注意：以圖片為例的含義就是在HTML文件中插入一個HTML文件之外的圖片，同時采用的是相對路徑，所以這個相對路徑的起點就是這個HTML文件
1.同級路徑：同級指的就是HTML文件和目標圖片在同一目錄中，對於同級路徑的使用方法，我們只要將圖片的名稱寫到scr中就行
2.下級路徑：下級指的就是圖片在HTML文件的下級目錄中，此時我們需要使用 / 來進行穿透查找（XX下的XX）
3.上級路徑：目標圖片在HTML文件的上一級目錄中，此時使用 ../ 來進行回退查找
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>相對路徑</title> </head> <body> <!-- 同級路徑 --> <img src="t014c45eaaa2508bc3e.webp.jpg"/ > <!-- 下級路徑 --> <img src="src/t014c45eaaa2508bc3e.webp.jpg" /> <!-- 上級路徑 --> <img src="../t014c45eaaa2508bc3e.webp.jpg" /> </body> </html>