網(wǎng)頁設(shè)計(jì)建立鏈接_第1頁
網(wǎng)頁設(shè)計(jì)建立鏈接_第2頁
網(wǎng)頁設(shè)計(jì)建立鏈接_第3頁
網(wǎng)頁設(shè)計(jì)建立鏈接_第4頁
網(wǎng)頁設(shè)計(jì)建立鏈接_第5頁
已閱讀5頁，還剩18頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

第3章

建立超級鏈接所謂的超鏈接是指從一個(gè)網(wǎng)頁指向一個(gè)目標(biāo)的連接關(guān)系，這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁，也可以是相同網(wǎng)頁上的不同位置，還可以是一個(gè)圖片、一個(gè)電子郵件地址、一個(gè)文件，甚至是一個(gè)應(yīng)用程序。而在一個(gè)網(wǎng)頁中用來超鏈接的對象，可以是一段文本或者是一個(gè)圖片。當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后，鏈接目標(biāo)將顯示在瀏覽器上，并且根據(jù)目標(biāo)的類型來打開或運(yùn)行。3.1超鏈接的概念合理安排超鏈接在網(wǎng)頁的制作中是非常重要的。采用什么結(jié)構(gòu)的鏈接會(huì)直接影響到網(wǎng)頁的布局。建議：避免孤立文件的存在在網(wǎng)頁中避免使用過多的超鏈接網(wǎng)頁中的超鏈接不要超過4層頁面較長時(shí)可以使用書簽設(shè)置主頁或上一層的鏈接

合理安排超鏈接

URL（UniversalResourcesLocator）用于定位Web上的文檔信息。一個(gè)URL包括四部分：協(xié)議、計(jì)算機(jī)地址、端口號、文件路徑。協(xié)議：//計(jì)算機(jī):端口號/文件路徑一個(gè)典型的URL為:

:80超鏈接基礎(chǔ)超鏈接基礎(chǔ)——絕對URL絕對URL常用于引用另一網(wǎng)絡(luò)服務(wù)器上的鏈接，它是指資源的完整地址，包括URL所有四個(gè)部分，即：協(xié)議：//計(jì)算機(jī)域名/路徑/文檔名超鏈接基礎(chǔ)——相對URL相對URL是指網(wǎng)站內(nèi)部資源相對于當(dāng)前頁面的地址，它包含從當(dāng)前頁面指向目標(biāo)頁面位置的路徑。如果要鏈接的資源位于當(dāng)前文件夾中，就只要輸入文件名即可，如help.html。當(dāng)要鏈接的資源不在當(dāng)前文件夾時(shí)，則需要添加路徑信息。超鏈接基礎(chǔ)——相對URL要鏈接的資源位于下級文件夾時(shí)，需先輸入下級文件夾名，后跟一個(gè)“/”號，再輸入文件名，如content/computer.html。要鏈接的資源在上級文件夾或上級文件夾的其他下級文件夾中時(shí)，可使用“../”表示上級文件夾路徑，后面再跟上具體路徑信息。如../index.html，再如：../images/flower.jpg。超鏈接基礎(chǔ)——相對URL要鏈接的資源位于下級目錄時(shí)，需先輸入下級文件夾名，后跟一個(gè)“/”號，再輸入文件名，如content/computer.html。當(dāng)要鏈接的資源不在當(dāng)前文件夾時(shí)，則需要添加路徑信息。不同類型的超鏈接按照鏈接路徑的不同，網(wǎng)頁中超鏈接一般分為以下3種類型：內(nèi)部鏈接：即在同一個(gè)站點(diǎn)內(nèi)的不同頁面之間相互聯(lián)系的超鏈接。錨點(diǎn)鏈接：可以鏈接到網(wǎng)頁中某個(gè)特定位置的鏈接。外部鏈接：把網(wǎng)頁與Internet中的目標(biāo)相聯(lián)系的鏈接。不同類型的超鏈接如果按照使用對象的不同，網(wǎng)頁中的鏈接又可以分為：文本超鏈接圖像超鏈接E-mail鏈接錨點(diǎn)鏈接多媒體文件鏈接空鏈接3.2HTML設(shè)置超鏈接文字超鏈接書簽鏈接文件（下載）鏈接Email鏈接超鏈接的顯示效果1）文本超鏈接標(biāo)簽1．格式：

<ahref="鏈接位置"target="窗口名稱">超鏈接名稱</a>2．說明：①超鏈接名稱就是鏈接的源點(diǎn)，當(dāng)鼠標(biāo)被移到超鏈接名稱處時(shí)會(huì)變成手狀。②鏈接位置就是超鏈接的目標(biāo)，可使用URL指定。URL的格式是由通訊協(xié)議、鏈接地址與文件位置所組成，語法如下：通訊協(xié)議://鏈接地址/文件位置.../文件名稱③target用于指定打開鏈接的目標(biāo)窗口。Target屬性

<a>…</a>標(biāo)記中的target屬性稱為目標(biāo)屬性，用于指定新引用的資源顯示在哪一個(gè)窗口中。Target屬性取值分為以下兩種情況：如果需要新引用的頁面顯示在本窗口中，亦即復(fù)蓋當(dāng)前頁面的內(nèi)容，應(yīng)該不為target屬性賦值。如果需要另開一個(gè)新窗口來顯示新引用的頁面，則可為target屬性賦值為:target=“windowname”。其中，target屬性取值為一個(gè)空窗口名“_BLANK”2）錨點(diǎn)(書簽)鏈接

使用頁面內(nèi)的超鏈接，首先需要定義錨點(diǎn)，然后在超鏈接中指向該錨點(diǎn)。定義錨點(diǎn)應(yīng)使用<aname=xxx></a>

指向錨點(diǎn)的超鏈接為：

<ahref=#xxx>link</a>錨點(diǎn)命名的注意事項(xiàng)①只能使用字母和數(shù)字，錨記命名不支持中文。雖然在插入錨記對話框中能輸入中文，但在屬性面板上顯示的則是一堆亂碼，且在為錨記添加鏈接的時(shí)候，也無法工作。②錨記名稱的第1個(gè)字符最好是英文字母，一般不要以數(shù)字作為錨記名稱的開頭。③錨記名稱區(qū)別英文字母的大小寫。④錨記名稱間不能含有空格，也不能含有特殊字符。鏈接錨記時(shí)，注意以下事項(xiàng)：①在#和錨記名之間不要留有空格，否則鏈接會(huì)失敗。②符號#必須是半角符號，而不能為全角符號。錨點(diǎn)鏈接指向其他頁面內(nèi)錨點(diǎn)的超鏈接：<ahref=頁面的URL#該文件中的錨點(diǎn)>link</a><ahref=#>blanklink</a>各種常用超文本鏈接標(biāo)記應(yīng)用的實(shí)例<HTML><HEAD><TITLE>超文本鏈接標(biāo)記實(shí)例</TITLE></HEAD><BODY>大<br>家<br>好<br> <aname="A1">跳轉(zhuǎn)錨記1。</a><br><br><br><br><br> 長<br>沙<br>理<br>工<br>大<br>學(xué)<br> <ahref=“a1.html”>點(diǎn)擊此處將跳轉(zhuǎn)到另一個(gè)網(wǎng)頁。</a><br> <ahref=“a1.html”target=“_blank”>點(diǎn)擊此處將在一個(gè)新的瀏覽器窗口打開另一個(gè)網(wǎng)頁。</a><br> <ahref="#A1">向前跳轉(zhuǎn)到錨記1。</a>、<ahref="#A2">向后跳轉(zhuǎn)到錨記2。</a> 計(jì)<br>算<br>機(jī)<br>與<br>通<br>信<br>工<br>程<br>學(xué)<br>院 <br><br><br><br> 長<br>沙<br>理<br>工<br>大<br>學(xué)<br> <aname="A2">錨記2。</a><br></BODY></HTML>3）文件下載

當(dāng)超鏈接目標(biāo)為瀏覽器不能識(shí)別的文件格式時(shí)，那么就自動(dòng)生成了文件下載鏈接。<ahref=abc.zip>下載</a>4）Email鏈接<ahref=mailto:i@>Email</a>示例：<ahref=mailto:djs_mail@>請給我寫信</a>點(diǎn)擊“請給我寫信”將打開本地的電子郵件客戶端程序，方便用戶編寫電子郵件。5）超鏈接的顯示效果HTML文件中超鏈接文字顏色的設(shè)置，是由<body>標(biāo)簽中的text、alink、vlink與link屬性所控制。其中：①text屬性：非可鏈接文字的顏色， 默認(rèn)為黑色（Black）。②link屬性：可鏈接文字的顏色，默認(rèn)為藍(lán)色(Blue)。③vlink屬性：已經(jīng)被訪問過的可鏈接文字的顏色， 默認(rèn)為粟色（Maroon）。④alink屬性：正被單擊的可鏈接文字的顏色， 默認(rèn)為紅色(Red)。超鏈接的顯示效果示例示例：<HTML><HEAD><TITLE>超文本鏈接標(biāo)記實(shí)例</TITLE></HEAD><BODYvlink=green>長沙理工大學(xué)<br> <aname="A1">跳轉(zhuǎn)錨記1。</a><br>長<br>沙<br>理<br>工<br>大<br>學(xué)<br><br><br><br><br><br><ahref=“a1.html”>在本窗口中打開一個(gè)新網(wǎng)頁</a><br><ahref=“a1.html”target=“_blank”>在新窗口中打開一個(gè)網(wǎng)頁</a><br><ahref=“#A1”>向前跳轉(zhuǎn)到錨記1。</a>、

<ahref="#A2">向后跳轉(zhuǎn)到錨記2。</a> <br><br><br><br><br><br><br><br><br

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論