【正文】 ，使用名字或十六進(jìn)制值 body alink=“活動的超級鏈接顏色 設(shè)置正在被擊中的鏈接顏色 ,使用名字或十六進(jìn)制值 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 html head title背景顏色 /title /head body bgcolor=FF0000 TEXT=FFFFFF pre 春 曉 春眠不覺曉，處處聞啼鳥。 /pre /body /html 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 設(shè)置超級鏈接顏色 在 Inter上的網(wǎng)頁很少是單獨的一個，通常每一個網(wǎng)頁都會通過超級鏈接與其他網(wǎng)頁建立聯(lián)系。該屬性告訴瀏覽者該文字是一個超級鏈接，并且該超級鏈接是未訪問過的超級鏈接，單擊這個文字會將瀏覽者帶到另一個網(wǎng)頁上。 ◆第二個屬性： vlink屬性。通常在瀏覽器中，使用紫色 (800080)作為默認(rèn)的已訪問過的超級鏈接文字的顏色。 alink屬性是設(shè)置在鼠標(biāo)單擊超級鏈接時的顏色，即在超級鏈接上單擊鼠標(biāo)左鍵，還沒有放開的那一瞬間的顏色。 如果要修改超級鏈接上的這 3個默認(rèn)屬性，可以通過設(shè)置 BODY元素里的 link、 vlink和 alink屬性的值來實現(xiàn)，其語法代碼為： body link=超級鏈接色 vlink=已訪問的超級鏈接色 alink=活動的超級鏈接色 body中的這 3個屬性的屬性值均可以為顏色的英文名或RGB代碼。 網(wǎng)頁邊距與 Word文檔中的頁邊距類似，不過設(shè)置方式有點不同，在 Word中可以為文檔設(shè)置不同的左邊距、右邊距、上邊距和下邊距，而在網(wǎng)頁里，只能設(shè)置網(wǎng)頁的左邊距與上邊距，至于右邊距與下邊距，不同瀏覽器的處理方法不一樣，不過大多瀏覽器里的右邊距和下邊距會自動設(shè)為左邊距和上邊距一樣大小。超級鏈接使用起來十分方便，允許瀏覽者從一個網(wǎng)頁跳轉(zhuǎn)到另一個網(wǎng)頁，多個網(wǎng)頁因為有了超級鏈接才會形成一個網(wǎng)站。 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 超級鏈接元素 在 HTML里，可以使用 A元素來創(chuàng)建超級鏈接，其語法代碼為： a name=錨名稱 href=URL title=標(biāo)題 target=目標(biāo) 超級鏈接文字 /a 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 超級鏈接元素的屬性有很多，上面的語法代碼里只包含了常用的 4個屬性。 ◆ href：用于設(shè)置超級鏈接的鏈接地址。 ◆ target：用于設(shè)置打開超級鏈接的目標(biāo)地址。 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 href設(shè)置目標(biāo)地址 在一個超級鏈接里，最重要的部分是目標(biāo)地址。 如果目標(biāo)地址是一個網(wǎng)址，單擊超級鏈接時就會打開一個網(wǎng)頁； 如果目標(biāo)地址是一個視頻文件或音頻文件，單擊超級鏈接時就會打開一個播放軟件來播放視頻或音頻； 如果目標(biāo)地址是一張圖片，單擊超級鏈接時就會顯示這張圖片； 如果目標(biāo)地址是一個 Email地址，單擊超級鏈接時就會打開一個客戶端電子郵件程序，并顯示發(fā)送新郵件窗口； 如果目標(biāo)地址是一個壓縮文件，單擊超級鏈接時就會下載該文件 …… 通常目標(biāo)地址都是以 URL地址來表示的，當(dāng)把鼠標(biāo)放在超級鏈接上時，在瀏覽器窗口的狀態(tài)欄上會顯示該超級鏈接的URL。 其中 “ _blank”代表新開一個窗口打開鏈接， “ _self?代表在當(dāng)前窗口里打開鏈接，“ _self”也是 target默認(rèn)的屬性值。 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 html head title超級鏈接 /title /head body a href=在當(dāng)前窗口里打開鏈接 /abr a href= target=_self在當(dāng)前窗口里打開鏈接 /abr a href= target=_blank在一個新建窗口里打開鏈接 /abr a href= target=samp在指定窗口里打開鏈接 /abr /body /html 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 使用超級鏈接的注意事項 在 HTML元素里超級鏈接元素的使用頻率很高，但是在使用時有些事項必須注意。當(dāng)單擊超級鏈接時，只會鏈接到“ ”網(wǎng)頁。前面學(xué)過，超級鏈接元素里有 link、 vlink和 alink這 3種屬性，不同的屬性顏色不同。本例中超級鏈接只會顯示紅色，無論是訪問過的網(wǎng)頁鏈接還是沒有訪問過的網(wǎng)頁鏈接。如以下代碼只會顯示超級鏈接的 link和vlink屬性，而不會顯示紅色： font color=reda href=超級鏈接 /a/font 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 簡單一點說，當(dāng) HTML元素屬性有沖突時，最里層的屬性有效。制作網(wǎng)頁的目的就是給人看，制作漂亮的網(wǎng)頁的目的就是給更多人看。 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 在 HTML里可以通過 img元素來插入圖片，其語法代碼為： img src=URL alt=替代文本 name=名字 width=寬度 height=高度 border=邊框 align=對齊方式 ID=編號 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 img元素里的屬性很多，常用的有 8種，其解釋如下所示。 ◆ alt：指定用于替代圖片的文本，當(dāng)圖片不能正常顯示時，可以使用該文本替代圖片。 ◆ height：指定圖片的高度。 ◆ align：用于設(shè)置圖片的環(huán)繞方式。 ◆ id：圖片的編號，也可以省略。 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 圖片位置 在使用 img元素插入圖片時一定要指明圖片所在的位置，即， img標(biāo)簽里必須包括 src屬性。 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 html head title插入圖片 /title/head body p 下面是一個美麗的風(fēng)景 :br img src=img/ /p p 下面是一個互聯(lián)網(wǎng)上的圖片 :br img src= /p p 下面是一個地址錯誤的圖片 :br img src=“ /p /body /html 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 設(shè)置圖片大小 使用 img元素的 width屬性與 height屬性可以設(shè)置圖片的大小，可以對圖片進(jìn)行簡單的縮放。 (2)如果圖片放大了，其精度也沒有放大，因此放得越大的圖片就會越模糊不清。 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 設(shè)置圖片的邊框 通常在網(wǎng)頁上顯示圖片時，是不會為其加上一個邊框的，但如果該圖片本身又是一個超級鏈接，瀏覽器就會自動為其增加一個邊框，以提醒瀏覽者該圖片是一個可以單擊的超級鏈接。當(dāng)然，也可以人為地為圖片增加一個邊框，請看以下代碼 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 html headtitle圖片的邊框 /title/head body a href= image src=img//a 原圖 :br img src=img/ 邊框為 2的圖 :br img src=img/ border=2 邊框為 10圖 :br img src=img/ border=10 /body /html 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 使用文本說明 在某些情況下，如用戶禁止瀏覽器顯示圖片、網(wǎng)速過慢無法下載圖片、圖片的 URL出錯等，在瀏覽器窗口里將無法顯示圖片，此時瀏覽者將無法知道圖片是什么內(nèi)容，如果圖片所表達(dá)的是一些重要信息，那么這些信息可能會被瀏覽者忽略。 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 html head title圖片的文字說明 /title/head body 沒有指定寬度的圖 :br img src=img/ alt=可美麗的風(fēng)景 br 指定寬度的圖 :br img src=img/ width=200 height=150 alt=可美麗的風(fēng)景 br 指定寬度過小的圖 :br img src=img/ width=50 height=50 alt=可美麗的風(fēng)景 br /body /html 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 圖片的對齊方式 在 HTML里可以設(shè)置文字環(huán)繞圖片，與傳統(tǒng)媒體一樣，讓文字在圖片左側(cè)環(huán)繞或右側(cè)環(huán)繞，img元素的 align屬性就是用于設(shè)置這種環(huán)繞方式的。 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 水平對齊方式 align的屬性值為 left、 right時可以設(shè)置圖片的水平對齊方式，其中 align的屬性值為 left時，圖片位于文字左側(cè)， align的屬性值為 right時，圖片位于文字的右側(cè)， 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 html head title圖片的水平對齊方式 /title /head body 以下是左對齊方式 :br img src=img/ align=left width=200 height=150 alt=可美麗的風(fēng)景 br 春 曉 br 春眠不覺曉，處處聞啼鳥。 br clear=all hr 以下是右對齊方式 :br img src=img/ align=right width=200 height=150 alt=可美麗的風(fēng)景 br 春 曉 br 春眠不覺曉，處處聞啼鳥。 br /body /html 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 垂直對齊方式 align屬性除了可以設(shè)置水平位置上的對齊方式之外，還可以設(shè)置垂直方向的對齊方式。 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 html head title圖片的垂直對齊方式 /title /head body 以下是頂部對齊方式 :br img src=img/ align=top width=200 height=150 alt=可美麗的風(fēng)景 春眠不覺曉，處處聞啼鳥。 hr 以下是中間對齊方式 :br img src=img/ align=middle width=200 height=150 alt=可美麗的風(fēng)景 春眠不覺曉，處處聞啼鳥。 hr 以下是底部對齊方式 :br img src=img/ align=bottom width=200 height=150 alt=可美麗的風(fēng)景 春眠不覺曉，處處聞啼鳥。 /body/html 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 設(shè)置圖片鏈接 為圖片設(shè)置鏈接有兩種方式，一種是將整個圖片設(shè)置鏈接，只要單擊該圖片，就可以跳轉(zhuǎn)到鏈接的 URL上。 數(shù)學(xué)與計算機(jī)科學(xué)技術(shù)學(xué)院 html head title圖片的鏈接 /title /head body a href= title=人民郵電出版社 img src=img/ /abr a href= title=人民郵電出版社 target=_blank img src=img/ border=0 /abr a href= title=人民郵電出版社 target=_blank img src=img/ border=0br西華大學(xué) /a /body /htm