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