1、網(wǎng)站開發(fā)基礎(chǔ)，講師：董曉輝電子郵件：ise _，本次講座的內(nèi)容，第6章：添加鏈接，第6章：添加鏈接，創(chuàng)建到外部網(wǎng)頁的鏈接，創(chuàng)建到您自己的服務(wù)器上的文檔的相關(guān)鏈接，添加到網(wǎng)頁中指定點(diǎn)的“郵件”鏈接，并針對(duì)新窗口，6.1錨點(diǎn)元素(超文本鏈接)，錨點(diǎn)元素結(jié)構(gòu)：鏈接文本或圖像示例：轉(zhuǎn)到新浪錨點(diǎn)是一個(gè)內(nèi)嵌元素。鏈接文本、圖像的顏色、被訪問鏈接的顏色、樣式表可以用來改變外觀，6.2 href特性和href(超文本參考)特性為瀏覽器提供了網(wǎng)頁地址(即網(wǎng)址)。網(wǎng)址必須放在引號(hào)中間，以指定網(wǎng)址。絕對(duì)網(wǎng)址提供文檔的完整網(wǎng)址，包括協(xié)議和域名，還可以指定路徑名。指定外部網(wǎng)頁時(shí)，需要使用絕對(duì)網(wǎng)址。例如，href=相對(duì)網(wǎng)

2、址描述了鏈接網(wǎng)頁相對(duì)于當(dāng)前文檔的路徑名，它只需要路徑名。當(dāng)鏈接到您自己網(wǎng)站(即同一服務(wù)器上)上的另一個(gè)文檔時(shí)，請(qǐng)使用相對(duì)網(wǎng)址，例如：href=菜譜/索引. html，6.3鏈接到網(wǎng)站上的網(wǎng)頁，以及外部鏈接：使用絕對(duì)網(wǎng)址指向不在您自己的服務(wù)器或網(wǎng)站上的網(wǎng)頁。以http:/為例：exampleschapter06jenskitchenindex.html在href功能中添加錨標(biāo)簽，在href功能中添加URL，6.4站點(diǎn)內(nèi)鏈接，站點(diǎn)內(nèi)鏈接：從主頁到網(wǎng)頁各部分的鏈接，以及從網(wǎng)頁各部分到內(nèi)容網(wǎng)頁的鏈接，使用相對(duì)鏈接目錄存儲(chǔ)文件的“位置”，以層次結(jié)構(gòu)組織，以倒樹形式分散。最高級(jí)別的目錄稱為根目錄，用斜杠表

3、示。根目錄可以包含多個(gè)目錄，每個(gè)目錄可以包含子目錄，而子目錄又可以包含更多的子目錄，等等。路徑名是指向特定文件和目錄的符號(hào)，它告訴瀏覽器在哪里可以找到文件。相對(duì)路徑名：描述如何從當(dāng)前文檔位置、Jens Kitchen網(wǎng)站結(jié)構(gòu)和路徑名禁忌中獲取鏈接文檔。不要使用反斜杠():網(wǎng)頁網(wǎng)址路徑名僅使用正斜杠，不以驅(qū)動(dòng)器號(hào)開頭。一旦文件被傳輸?shù)椒?wù)器，驅(qū)動(dòng)器號(hào)是不合適的，這將破壞鏈接。不要從文件開始。這意味著文件是本地的，這將導(dǎo)致上傳到服務(wù)器時(shí)出現(xiàn)鏈接錯(cuò)誤。6.4.1目錄中的鏈接，鏈接到同一目錄中的文件，只需要提供文件名(文件名)。當(dāng)網(wǎng)址是一個(gè)文件名時(shí)，服務(wù)器將在當(dāng)前目錄中查找相應(yīng)的文件。例如，創(chuàng)建一個(gè)從

4、index.html主頁到about.html綜合信息頁面的鏈接指向一個(gè)只有一個(gè)文件名的鏈接，這意味著鏈接的文件與當(dāng)前文檔在同一個(gè)目錄中。在URL中包含路徑名，以指示瀏覽器示例1:在菜譜目錄中創(chuàng)建從index.html到salmon.html文件的鏈接，6.4.2到較低級(jí)目錄的鏈接，示例2:創(chuàng)建從index.html到couscous.html文件的鏈接，需要提供指令的組織通過兩個(gè)子目錄到達(dá)couscous.html:從當(dāng)前文件相同位置的目錄名開始，用斜線連接每一層的目錄名，直到找到鏈接文件名當(dāng)鏈接到較低級(jí)別的目錄時(shí)，路徑名必須包括所有子目錄的名稱，這些子目錄需要被傳遞才能到達(dá)目標(biāo)文件。路徑名

5、慣例是“點(diǎn)-點(diǎn)-斜線”./):路徑名以開頭./，告訴瀏覽器“返回到上一個(gè)目錄”，然后查找特定文件的路徑。示例：創(chuàng)建從salmom.html到index.html首頁的鏈接，6.4.3到高級(jí)目錄的鏈接，href=./。網(wǎng)站的根目錄包含網(wǎng)站中相對(duì)于網(wǎng)站根目錄的所有目錄和文件：從根目錄開始，列出目錄名稱，直到找到目標(biāo)文件。示例：大蒜三文魚正斜杠(/)代表根目錄，將瀏覽器帶到頂層目錄。優(yōu)點(diǎn)和缺點(diǎn)對(duì)于不總是在同一個(gè)目錄中的內(nèi)容或者動(dòng)態(tài)生成的材料是有用的；這些鏈接不能在本地機(jī)器上工作，因?yàn)樗鼈兣c硬盤相關(guān)。6.4.4網(wǎng)站的相對(duì)根路徑名，在指定網(wǎng)址時(shí)，img元素的src特性與href特性的工作方式相同，6.4

6、.5對(duì)于圖像也是一樣，這將為長(zhǎng)滾動(dòng)網(wǎng)頁底部的信息提供一個(gè)快捷方式，或者一次點(diǎn)擊后返回到網(wǎng)頁頂部；鏈接到網(wǎng)頁上的指定點(diǎn)，也稱為鏈接到文檔片段；鏈接到網(wǎng)頁中的指定點(diǎn)分為兩個(gè)過程，以確定目的地設(shè)置的鏈接。6.4.6鏈接到網(wǎng)頁中的指定點(diǎn)，第一步：命名目的地以創(chuàng)建目的地是通過使用id特征給文檔中的目標(biāo)元素一個(gè)唯一的名稱(片段標(biāo)識(shí)符)。id用于命名元素，可以用作片段標(biāo)識(shí)符。也就是說，鏈接目標(biāo)示例：h注意：id值必須以字母或下劃線開頭，并且鏈接到目標(biāo)。使用帶有href功能的A元素來提供鏈接位置。在片段前使用#符號(hào)(也稱為散列或編號(hào)符號(hào))。示例：glossary.html，鏈接到另一個(gè)文檔片段在網(wǎng)址的末尾添加

7、片段名稱。您可以鏈接到另一個(gè)文檔中的片段，例如：查看詞匯表，字母H，打開帶有標(biāo)簽的窗口，將目標(biāo)屬性的值設(shè)置為_blank或您在錨元素中選擇的任何名稱。這個(gè)方法不能控制窗口的大小，例如：OReilly更好的方法：將目標(biāo)窗口設(shè)置為一個(gè)特定的名稱。您可以將它用于以下鏈接，并且不要以下劃線作為窗口名稱的開頭。例如，6.4.7版的奧雷利瞄準(zhǔn)了新的瀏覽器窗口。用Javascript打開一個(gè)窗口你可以用Javascript設(shè)置一個(gè)新窗口的大小。Javascript由兩部分組成：腳本本身和鏈接中的腳本示例：windowscript.html。在文檔的主體部分，您將看到每個(gè)鏈接都包含設(shè)置為“彈出”的rel特性。沒有rel值的鏈接不會(huì)