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

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

瀏覽者通過單擊文本或圖片對(duì)象，可以從一個(gè)頁面跳到另一個(gè)頁面，或從頁面的一個(gè)位置跳到另一個(gè)位置，實(shí)現(xiàn)這樣的功能的對(duì)象稱為超鏈接對(duì)象。目標(biāo)端點(diǎn)指鏈接跳過去的頁面或位置，如某網(wǎng)頁、書簽等源端點(diǎn)指網(wǎng)頁中的提供鏈接單擊的對(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)書簽名在HTML5以前使用name屬性定義書簽名稱，在HTML5使用id定義書簽名稱target目標(biāo)窗口名稱在指定的目標(biāo)窗口中打開鏈接文檔title提示文字設(shè)置鏈接提示文字創(chuàng)建超鏈接的基本語法：<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)前文件在同一目錄下，同一目錄，只需輸入鏈接文件的名稱從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)頁是如何跳轉(zhuǎn)的呢？設(shè)置超鏈接目標(biāo)窗口超鏈接頁面默認(rèn)情況下在當(dāng)前窗口打開，可通過target屬性修改目標(biāo)窗口。設(shè)置超鏈接目標(biāo)窗口語法：

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

<ahref="目標(biāo)