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

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

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

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

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

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

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

文件相對路徑

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

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

<ahref="目標(biāo)