CSS課件超鏈接章節(jié)

學(xué)習(xí)目標(biāo)1了解超級(jí)鏈接的作用；2掌握超級(jí)鏈接的基本組成；3熟悉超級(jí)鏈接可指向的幾種目標(biāo)形式；4了解偽類別的含義；5掌握超鏈接四個(gè)基本偽類別的使用方法；6能實(shí)現(xiàn)動(dòng)態(tài)超鏈接和按鈕式超鏈接效果。概念理解超鏈接的組成超鏈接是網(wǎng)頁中最重要的元素之一，是從一個(gè)網(wǎng)頁或文件到另一個(gè)網(wǎng)頁或文件的鏈接，包括圖像或多媒體文件，還可以指向電子郵件地址或程序。在網(wǎng)頁上加入超鏈接，就可以把Internet上眾多的網(wǎng)站和網(wǎng)頁聯(lián)系起來，構(gòu)成一個(gè)有機(jī)的整體。組成超鏈接的組成超鏈接由源地址文件和目標(biāo)地址文件構(gòu)成，當(dāng)訪問者單擊超鏈接時(shí)，瀏覽器會(huì)從相應(yīng)的目標(biāo)地址檢索網(wǎng)頁并顯示在瀏覽器中。組成超鏈接的組成鏈接由以下3個(gè)部分組成

位置點(diǎn)標(biāo)記<a>，將文本或圖片標(biāo)識(shí)為鏈接。

屬性href="..."，放在位置點(diǎn)起始標(biāo)記中。

地址(稱為URL)，瀏覽器要鏈接的文件。組成超鏈接的組成建立超鏈接的標(biāo)記是a(anchor，錨)，以<a>開始，以</a>結(jié)束，錨可以指向網(wǎng)絡(luò)上的任何資源：一張HTML頁面，一幅圖像，一個(gè)聲音或視頻文件等。鏈接到HTML頁面超鏈接的組成基本語法：<ahref="url"title="指向鏈接顯示的文字"target="窗口名稱">超鏈接名稱</a>屬性“href”定義了這個(gè)鏈接所指的目標(biāo)地址，也就是路徑。target屬性值如下：_blank--在新窗口中打開鏈接_parent--在父窗體中打開鏈接_self--在當(dāng)前窗體打開鏈接,此為默認(rèn)值_top--在當(dāng)前窗體打開鏈接，并替換當(dāng)前的整個(gè)窗體(框架頁)title后跟鏈接目標(biāo)說明，也就是超鏈接被鏈接網(wǎng)址情況簡要說明，或標(biāo)題。URL：統(tǒng)一資源定位器鏈接到一張圖片超鏈接的組成基本語法：<ahref="url"target="目標(biāo)窗口的打開方式"><imgsrc="圖片地址"></a>頁面內(nèi)部鏈接超鏈接的組成在同一頁面內(nèi)使用書簽鏈接的格式：<ahref="#書簽名稱"target="窗口名稱">鏈接標(biāo)題</a>在不同頁面之間使用書簽鏈接的格式<ahref="URL地址#書簽名稱"target="窗口名稱">鏈接標(biāo)題</a>頁面內(nèi)部鏈接超鏈接的組成如何使用書簽鏈接：

第一步：HTML文檔中對(duì)錨進(jìn)行命名（創(chuàng)建一個(gè)書簽）

<aname="書簽名稱">鏈接內(nèi)容</a>

第二步：創(chuàng)建指向該錨的鏈接

<ahref="#書簽名稱"target="窗口名稱">鏈接標(biāo)題</a>動(dòng)態(tài)超級(jí)鏈接用CSS控制超鏈接樣式<ahref="/">新浪</a>通過CSS可以設(shè)置超級(jí)鏈接的各種屬性，包括前面提到的字體、顏色和背景等，而且通過偽類別還可以制作很多動(dòng)態(tài)效果。a{text-decoration:none;}動(dòng)態(tài)超級(jí)鏈接--偽類別用CSS控制超鏈接樣式偽類別對(duì)元素進(jìn)行分類是基于特征(characteristics)而不是它們的名字、屬性或者內(nèi)容；原則上特征是不可以從文檔樹上推斷得到的。就是css內(nèi)部本身賦予它一些特性和功能，也就是不用再class=...或id=...,就可以直接拿來使用，當(dāng)然也可以改變它的部分屬性，比如：a:link{color:#FF0000;}。常見偽類別有：:first-child，:link，:vistited，:hover，:active，:focus，:lang，:right，:left，:first，:nth-child()動(dòng)態(tài)超級(jí)鏈接--偽類別用CSS控制超鏈接樣式屬性版本簡介E:linkCSS1設(shè)置超鏈接a在未被訪問前的樣式。E:visitedCSS1設(shè)置超鏈接a在其鏈接地址已被訪問過時(shí)的樣式。E:hoverCSS2設(shè)置元素在其鼠標(biāo)懸停時(shí)的樣式。E:activeCSS2/CSS1設(shè)置元素在被用戶激活（在鼠標(biāo)點(diǎn)擊與釋放之間發(fā)生的事件）時(shí)的樣式。在CSS中，如果對(duì)于相同元素有針對(duì)不同條件的定義，宜將最一般的條件放在最上面，并依次向下，保證最下面的是最特殊的條件。這樣，瀏覽器在顯示元素時(shí)，才會(huì)從特殊到一般、逐級(jí)向上驗(yàn)證條件，才會(huì)每一個(gè)CSS語句都起到效果。即“愛恨原則”（LoVe/HAte）。動(dòng)態(tài)