第6講 超級(jí)鏈接和格式設(shè)置

網(wǎng)頁制作應(yīng)用教程2012.10QQ：23932209@講師：徐儒上節(jié)回顧網(wǎng)頁圖像的格式及來源插入圖像設(shè)置圖像屬性圖像高級(jí)設(shè)置超級(jí)鏈接的分類超級(jí)鏈接及設(shè)置超級(jí)鏈接的高級(jí)應(yīng)用-菜單導(dǎo)航本節(jié)講堂：超級(jí)鏈接和格式設(shè)置1、超級(jí)鏈接的分類

了解的知識(shí)點(diǎn)：超級(jí)鏈接的基本概念內(nèi)部鏈接外部鏈接錨點(diǎn)鏈接1.1超級(jí)鏈接的基本概念所謂的超級(jí)鏈接是指從一個(gè)網(wǎng)頁指向一個(gè)目標(biāo)的連接關(guān)系，這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁，也可以是相同網(wǎng)頁上的不同位置，還可以是一個(gè)圖片，一個(gè)電子郵件地址，一個(gè)文件，甚至是一個(gè)應(yīng)用程序。

超級(jí)鏈接在本質(zhì)上屬于一個(gè)網(wǎng)頁的一部分，它是一種允許我們同其他網(wǎng)頁或站點(diǎn)之間進(jìn)行連接的元素。各個(gè)網(wǎng)頁鏈接在一起后，才能真正構(gòu)成一個(gè)網(wǎng)站。網(wǎng)站建設(shè)中超級(jí)鏈接幾乎無處不在1.2內(nèi)部鏈接指同一網(wǎng)站域名下的內(nèi)容頁面之間互相鏈接。（內(nèi)容鏈接、切換、欄目、導(dǎo)航菜單、站內(nèi)關(guān)鍵詞之間的Tag鏈接）

內(nèi)部鏈接我們也可以稱之為站內(nèi)鏈接。1.3外部鏈接外部鏈接指的是針對(duì)搜索引擎，與其它站點(diǎn)所做的友情鏈接或資源共享。

Baidu、Google1.4錨點(diǎn)鏈接

HTML中的鏈接，正確的說法應(yīng)該稱作"錨點(diǎn)"，它命名錨點(diǎn)鏈接(也叫書簽鏈接)常常用于那些內(nèi)容龐大繁瑣的網(wǎng)頁，通過點(diǎn)擊命名錨點(diǎn)，不僅讓我們能指向文檔，還能指向頁面里的特定段落，更能當(dāng)作"精準(zhǔn)鏈接"的便利工具，讓鏈接對(duì)象接近焦點(diǎn).，便于瀏覽者查看網(wǎng)頁內(nèi)容。

例如：查詢網(wǎng)頁中關(guān)鍵字的上一處、下一處2、超級(jí)鏈接及設(shè)置了解的知識(shí)點(diǎn)：超級(jí)鏈接屬性設(shè)置文本鏈接圖像鏈接錨點(diǎn)鏈接E-mail鏈接創(chuàng)建空鏈接鏈接目標(biāo)_blank：鏈接文檔在新窗口位置顯示目標(biāo)_parent：鏈接文檔在當(dāng)前框架的父窗口位置顯示目標(biāo)_self：鏈接文檔在當(dāng)前框架即本頁位置顯示目標(biāo)（默認(rèn))_top：鏈接文檔在當(dāng)前框架的根窗口位置并跳出框架2.1超級(jí)鏈接屬性設(shè)置2.2文本鏈接最常見的超級(jí)鏈接，通過使用鼠標(biāo)點(diǎn)擊文本即可從一個(gè)網(wǎng)頁跳轉(zhuǎn)到另一個(gè)網(wǎng)頁。工具欄方式1：選擇[文本]->[屬性]瀏覽文件；工具欄方式2：選擇[文本]->[屬性]指向文件；工具欄方式3：選擇[文本]->[郵件]創(chuàng)建鏈接->選中文件。2.3圖像鏈接（1）整個(gè)圖像作為鏈接：方法與文本鏈接相同（2）局部圖像區(qū)域鏈接：圖像熱點(diǎn)鏈接（上一節(jié)課所講）2.4錨點(diǎn)標(biāo)記鏈接

（1）創(chuàng)建錨點(diǎn)

（2）鏈接錨點(diǎn)

在制作網(wǎng)頁時(shí)，為了達(dá)到跳轉(zhuǎn)到網(wǎng)頁固定位置的目的，可以使用錨點(diǎn)標(biāo)記鏈接。通過對(duì)網(wǎng)頁中指定位置的命名，利用超級(jí)鏈接打開目標(biāo)網(wǎng)頁時(shí)可直接跳轉(zhuǎn)到相應(yīng)的命名位置上。2.4錨點(diǎn)標(biāo)記鏈接

（1）創(chuàng)建命名錨點(diǎn)： 【選中位置】插入->命令錨記2.4錨點(diǎn)標(biāo)記鏈接（2）鏈接錨點(diǎn)：【選中位置】插入->超級(jí)鏈接格式：文件路徑+文件名+#錨記名2.5E-mail鏈接E-mail鏈接可以通過設(shè)置直接發(fā)送E-mail，該鏈接默認(rèn)調(diào)用的是Microsoft

OutLook應(yīng)用程序來收發(fā)和管理電子郵件的功能。【選擇文本】屬性鏈接位置->mailto:+E-mail地址2.5創(chuàng)建空鏈接要想對(duì)文本設(shè)置應(yīng)用行為，首先必須為文本建立空超級(jí)鏈接（空超級(jí)鏈接是一個(gè)未指派目標(biāo)的超級(jí)鏈接），這樣行為才會(huì)有效。2.5創(chuàng)建空鏈接<ahref="#"onclick="openWin(10)">點(diǎn)擊我（將會(huì)有驚喜）</a><scriptlanguage="javascript">functionopenWin(msg){ alert("你真棒..."+msg);}</script><formid=“form1”name=“form1”><ahref="#"onclick="openWin(10)">點(diǎn)擊我（將會(huì)有驚喜）</a></form>2.5創(chuàng)建空鏈接functionopenWin(){ varstr1=document.form1.text.value; varstr1=document.getElementById("textid1").value;alert("你真棒."+str1); varstr2=document.getElementsByName("text"); alert("你真棒..."+str2[0].value);}<inputname="text"id="textid1"type="text"/><ahref="#"onclick="openWin()">點(diǎn)擊我（將會(huì)有驚喜）</a>3、超級(jí)鏈接的高級(jí)應(yīng)用–欄目導(dǎo)航了解的知識(shí)點(diǎn)：鼠標(biāo)經(jīng)過圖像設(shè)置的導(dǎo)航條圖像熱點(diǎn)鏈接設(shè)置的導(dǎo)航條文本鏈接設(shè)置導(dǎo)航的導(dǎo)航條鼠標(biāo)經(jīng)過圖像設(shè)置導(dǎo)航條是一種在瀏覽器中查看網(wǎng)頁時(shí)，鼠標(biāo)光標(biāo)經(jīng)過該圖像時(shí)，圖像發(fā)生變化的動(dòng)態(tài)圖像，從而實(shí)現(xiàn)網(wǎng)站的導(dǎo)航功能。3.1、鼠標(biāo)經(jīng)過圖像設(shè)置的導(dǎo)航條圖像熱點(diǎn)鏈接設(shè)置導(dǎo)航條是一種在圖片上的局部區(qū)域，添加鏈接的方式，實(shí)現(xiàn)網(wǎng)站的導(dǎo)航功能。3.2、圖像熱點(diǎn)鏈接設(shè)置的導(dǎo)航條