一、路徑
在學路徑之前，先來明確兩個概念。什麼是目錄文件夾和根目錄。
目錄文件夾：就是普通文件夾，裏面只不過存放了我們做頁面所需要的相關素材，比如html文件、圖片等。
根目錄：打開目錄文件夾的第一層就是根目錄。
路徑又分爲相對路徑和絕對路徑
相對路徑：以引用文件所在位置爲參考基礎，而建立出的目錄文件
這裏簡單來說就是，圖片相對於HTML頁面的位置
相對路徑又分爲以下幾類：
1.同一級路徑
圖像文件位於HTML文件同一級
在body中編寫<img src="img.jpg" />即可顯示圖片。
2.下一級路徑
圖像文件位於HTML文件的下一級
在這裏可以看到，HTML文件和images文件在同一級，圖片img.jpg在images文件裏，所以圖片相對於HTML文件來說，就在它的下一級。
在body裏，編寫<img src="images/img.jpg">纔可顯示圖片
3.上一級路徑
圖像文件位於HTML文件的上一級
這裏HTML文件（即上一級路徑.html）位於html這個文件夾中，而圖片img.jpg與html文件在同一級，所以圖像文件相對於HTML文件（上一級路徑.html）來說，就在它的上一級
在body中，編寫<img src="../img.jpg"/>可顯示圖片
注意：這裏../就是上一級的意思
絕對路徑（瞭解，實際開發中應用較少）
絕對路徑：是指目錄下的絕對位置，直接到達目標位置，通常是從盤符開始的路徑
例如：“D:\web\img\logo.gif"或者是完整的網絡地址"http://www.itcast.cn/images/logo.gif”
二、超鏈接標籤（重點）
在HTML標籤中，<a>標籤用於定義超鏈接，作用是從一個網頁鏈接到另一個網頁
1.鏈接語法格式
<a href="跳轉目標" target="目標窗口的彈出方式">文本或圖像</a>
兩個屬性的作用如下：
|
| 屬性 | 作用 |
|---|---|
| href | 用於指定鏈接目標的url地址（必需屬性),當爲標籤應用href屬性時，它就具有了超鏈接的功能 |
| – | – |
| target | 用於指定鏈接頁面的打開方式,其中_self爲默認值，_blank爲在新窗口中打開方式 |
2.鏈接分類
（1）外部鏈接
形式：http://+網址
例如：<a href="http://www.baidu.com">百度</a>
（2）內部鏈接：網站內部頁面之間的相互鏈接，直接鏈接內部頁面名稱即可
例如：<a href="index.html">首頁</a>
（3）空鏈接：如果當時沒有確定鏈接目標時，則可用
<a href="#">首頁</a>
（4）下載鏈接：如果href裏面地址是一個文件(.exe)或者壓縮包(.zip),會下載這個文件
（5）網頁元素鏈接：在網頁中的各種網頁元素，如文本、圖像、表格、音頻、視頻等可以添加超鏈接
點擊圖片即可跳轉至百度頁面
<a href="http://www.baidu.com" target="_blank"><img src="img.jpg"/></a>
（6）錨點鏈接：點擊鏈接，可以快速定位到頁面中的某個位置
- 在鏈接文本的href屬性中，設置屬性值爲#名字的形式，如
<a href="#two">第二集</a>
- 找到目標位置標籤，裏面添加一個id屬性=剛纔的名字，如
<h3 id="two">第二集</h3>
到此，介紹完了HTML的路徑問題以及超鏈接，下次我們再學習HTML的表格標籤、列表標籤和表單標籤。