目錄結構語法：
同一目錄下：直接文件名.後綴名或./文件名.後綴名。
子目錄下：xxx/文件名.後綴名。
孫子目錄下：xxx/xxx/文件名.後綴名。
父目錄下：../文件名.後綴名。
爺爺目錄下：../../文件名.後綴名。
錨點：
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>錨點</title>
</head>
<body>
<a href="#1">第一章</a> <a href="#2">第二章</a> <a href="#3">第三章</a><br>
小說前言：
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a name="1"></a>第一章內容：
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a id="2"></a>第二章內容：
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a name="3"></a>第三章內容：
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html> <a name="1"></a>第一章內容即是創建了一個命名錨記
<a href="#1">第一章創建了到這個命名錨記的鏈接。name是通用屬性，每個標籤都可以加一個name值。通過屬性id也可以實現錨點的定位，其用法和name是相同的
也可用於定位一個圖片上的其他元素的內容
1.有一張圖片，並且圖片上添加屬性 usermap=“#id 名稱”
2. 在一張圖片中添加一個name屬性和id屬性，並且保持兩個名稱一致，一個頁面id只能出現一次
3. 區域標籤 <area />
屬性：shape 規定區域的圖像
Rect 矩形
Circle 圓形
Poly 多邊形
Cord 通過點座標的方式 添加 圖形對應的座標
Href 通過點擊區域以後跳轉的 url
格式：
<map name="id名稱" id="id名稱">
<area />
</map>關於超鏈接的使用的：
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>超鏈接綜合實例</title>
<meta charset="utf-8">
</head>
<body>
<p><!-- p標籤表示段落 -->
<center><a name="top">這裏是頂部的標題</a></center>
img標籤插入圖像文件<br><br>
src表示插入文件路徑<br><br>
map標籤表示插入圖像映射<br><br>
area標籤標示圖像映射區域，其中shape屬性表示映射區域形狀，有三種取值<br><br>
rect表示矩形區域，circle表示圓形區域，poly表示多邊形區域<br><br>
coords表示感應區域座標，當鼠標指針指向圖像的感應區域時，呈現手的標誌<br><br>
這時單擊鼠標左鍵，會鏈接到href屬性所指定的網頁中<br><br>
矩形的coords四個值表示左上x,左上y,右下x,右下y四個座標<br><br>
圓形的coords三個值表示圓心x,y座標和半徑<br><br>
多邊形的coords多個值表示各個頂點座標值<br><br>
<img src="tx.jpg" width="150" height="150" border="1" usemap="#Map">
usemap 屬性將圖像定義爲客戶端圖像映射<br><br>
圖像映射指的是帶有可點擊區域的圖像<br><br>
usemap 屬性與map元素的name或id屬性相關聯，以建立img與map之間的關係<br><br>
<map name="Map">
<area shape="rect" coords="0,0,150,150" href="http://www.baidu.com">
</map>
在一堆文字裏可以建立一些鏈接，然後我們點鏈接就能進到<a href="www.baidu.com">鏈接</a>裏去。<br>
</p>
<p>
<br><br><br><br><br><br><br>
<a href="#top">返回頂部</a><br>
</p>
</body>
</html>
多加幾個<br>標籤把滾動條弄出來，然後點一下返回頂部可以測試能正確返回到頂部