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

位置點標記<a>，將文本或圖片標識為鏈接。

屬性href="..."，放在位置點起始標記中。

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

第一步：HTML文檔中對錨進行命名（創建一個書簽）

<aname="書簽名稱">鏈接內容</a>

第二步：創建指向該錨的鏈接

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