網(wǎng)頁(yè)設(shè)計(jì)與制作（活頁(yè)式） 課件 情景5-1 鏈接標(biāo)簽的語(yǔ)法及常用屬性

網(wǎng)頁(yè)設(shè)計(jì)與制作鏈接標(biāo)簽的語(yǔ)法及常用屬性授課教師：陳璇JavaScriptCSSHTMLHTML目錄CONTENTS12學(xué)習(xí)目標(biāo)知識(shí)講解引言超鏈接是各個(gè)頁(yè)面之間的橋梁引言從SEO搜索引擎優(yōu)化的角度來(lái)講方便用戶(hù)閱讀更多相關(guān)內(nèi)容提升用戶(hù)體驗(yàn)傳遞權(quán)重吸引蜘蛛來(lái)訪(fǎng)爬行頁(yè)面并收錄引言綠水青山三山五岳主題素材引言前期文本圖文混排表格的基礎(chǔ)掌握超鏈接的使用及相應(yīng)知識(shí)點(diǎn)將各地的大好山河連接起來(lái)超鏈接，Hyperlink，是指從一個(gè)網(wǎng)頁(yè)指向一個(gè)目標(biāo)的連接關(guān)系。引言引言另一個(gè)頁(yè)面跳轉(zhuǎn)至一張圖片跳轉(zhuǎn)至一個(gè)文件跳轉(zhuǎn)至一個(gè)電子郵件地址跳轉(zhuǎn)至一個(gè)應(yīng)用程序引言這也是超鏈接的一種應(yīng)用實(shí)例引言學(xué)習(xí)目標(biāo)01學(xué)習(xí)目標(biāo)學(xué)習(xí)目標(biāo)01掌握鏈接標(biāo)簽的語(yǔ)法學(xué)習(xí)目標(biāo)02了解鏈接標(biāo)簽的常用屬性學(xué)習(xí)目標(biāo)03超鏈接的類(lèi)型02知識(shí)點(diǎn)講解超鏈接概述

瀏覽者通過(guò)單擊文本或圖片對(duì)象，可以從一個(gè)頁(yè)面跳到另一個(gè)頁(yè)面，或從頁(yè)面的一個(gè)位置跳到另一個(gè)位置，實(shí)現(xiàn)這樣的功能的對(duì)象稱(chēng)為超鏈接對(duì)象。目標(biāo)端點(diǎn)指鏈接跳過(guò)去的頁(yè)面或位置，如某網(wǎng)頁(yè)、書(shū)簽等源端點(diǎn)指網(wǎng)頁(yè)中的提供鏈接單擊的對(duì)象，如鏈接文本或鏈接圖像創(chuàng)建超鏈接的條件必須同時(shí)存在兩個(gè)端點(diǎn)。一個(gè)是源端點(diǎn)；另一個(gè)是目標(biāo)端點(diǎn)。超鏈接標(biāo)簽屬性屬性值描述href超鏈接文件路徑指定鏈接路徑（必設(shè)屬性），用于設(shè)置超鏈接的目標(biāo)端點(diǎn)id(name)書(shū)簽名在HTML5以前使用name屬性定義書(shū)簽名稱(chēng)，在HTML5使用id定義書(shū)簽名稱(chēng)target目標(biāo)窗口名稱(chēng)在指定的目標(biāo)窗口中打開(kāi)鏈接文檔title提示文字設(shè)置鏈接提示文字創(chuàng)建超鏈接的基本語(yǔ)法：<ahref="目標(biāo)端點(diǎn)">源端點(diǎn)</a>超鏈接標(biāo)簽常用屬性：創(chuàng)建超鏈接使用的標(biāo)簽為<a>創(chuàng)建基本超鏈接示例

鏈接路徑設(shè)置絕對(duì)路徑1文件相對(duì)路徑2href：鏈接路徑設(shè)置絕對(duì)路徑：指文件的完整路徑文件相對(duì)路徑：指相對(duì)于當(dāng)前文件的路徑

文件相對(duì)路徑鏈接路徑示例：1.鏈接文件和當(dāng)前文件在同一目錄下，同一目錄，只需輸入鏈接文件的名稱(chēng)從Database.html到Mainframe.html的鏈接設(shè)置:<ahref=Mainfram.html></a>

文件相對(duì)路徑鏈接路徑示例：2.鏈接文件在當(dāng)前文件的下一級(jí)目錄，需在鏈接文件名前添加“下一級(jí)目錄名/”從AboutUs.html到Mainframe.html的鏈接設(shè)置:<ahref=Products/Mainfram.html></a>

文件相對(duì)路徑鏈接路徑示例：3.鏈接文件在當(dāng)前文件的上一級(jí)目錄，需在鏈接文件名前添加“../”從Trails.html到Mainframe.html的鏈接設(shè)置:<ahref=../Mainfram.html></a>

文件相對(duì)路徑

網(wǎng)頁(yè)是如何跳轉(zhuǎn)的呢？設(shè)置超鏈接目標(biāo)窗口超鏈接頁(yè)面默認(rèn)情況下在當(dāng)前窗口打開(kāi)，可通過(guò)target屬性修改目標(biāo)窗口。設(shè)置超鏈接目標(biāo)窗口語(yǔ)法：

target屬性可取下表所列各值：屬性值描述_blank新開(kāi)一個(gè)窗口打開(kāi)鏈接文檔_self在同一個(gè)框架或同一窗口中打開(kāi)鏈接文檔（默認(rèn)屬性）_parent在上一級(jí)窗口中打開(kāi)，一般在框架頁(yè)面中經(jīng)常使用_top在瀏覽器的整個(gè)窗口中打開(kāi)，忽略任何框架框架名稱(chēng)在指定的浮動(dòng)框架窗口中打開(kāi)鏈接文檔

<ahref="目標(biāo)