查看單個文章
舊 2007-06-30, 08:38 PM   #1
猜謎人
榮譽會員
 
猜謎人 的頭像
榮譽勳章
UID - 14438
在線等級: 級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時級別:99 | 在線時長:10294小時 | 升級還需:106小時
註冊日期: 2002-12-19
住址: 虎爛宮解籤詩處
文章: 18702
現金: 10109 金幣
資產: 2886912 金幣
預設 HTML教學--超連結

這一節我們來說明如何做超連結,仍然依照慣例,先開啟一個記事本,我先寫原始碼,你們先看原始碼,然後對照第二張圖,就是網頁的顯示!
首先如何做超連結,很簡單的,你看前後用<A>包住,以第一個為例子,在href後面寫上史萊姆的網址,中文字史萊姆的第一個家是顯示在網頁上,只要點史萊姆的第一個家自然就連結到史萊姆的首頁!
注意,在body中,link指的是超連結的顏色,alink(active link)指的是連結中的顏色,vlink(visited link)則是連結後的顏色。
第二個是一張圖,只要你點史萊姆這張圖就會連結到史萊姆的首頁,注意!我這裡圖和網頁是在同一資料夾,如果你的圖不在同一資料夾,最好用相對路徑寫明圖的位置,如此圖才可顯示出來!
下一個是用來寫信用的!你只要寫上mailto:信箱,如下的例子,只要一點寫信給超人,那麼outlook就會開啟,讓你寫信,而收信人也自動填好。
如果是要連結到另一個網頁,就如下的例子,只要點第一頁就會連結到page1.htm,一樣的,注意!我這裡網頁和網頁是在同一資料夾,如果你的網頁不在同一資料夾,最好用相對路徑寫明網頁的位置,如此網頁才可顯示出來!
下一個則是連結到另一張圖,只要一點美人圖,就可連到圖,一樣圖的路徑一定要正確,否則圖無法顯示。
當然也可以連上一個文件,如下可連到book.txt,如上,要注意路徑!
也可以連上聲音檔,或者壓縮檔,我就不再多說,只是你檔案路徑一定要正確,切記!
第一張圖是原始碼:

http://i171.photobucket.com/albums/u287/sad_jellyfish/teach/aa00.jpg

下一張是網頁顯示:

http://i171.photobucket.com/albums/u287/sad_jellyfish/teach/aa01.jpg
__________________
http://i171.photobucket.com/albums/u287/sad_jellyfish/net-pic/s_zpsf91b1q3t.jpghttp://i171.photobucket.com/albums/u287/sad_jellyfish/gif/banner.gifhttp://i171.photobucket.com/albums/u287/sad_jellyfish/gif/kkk_zps3punatke.gif
猜謎人 目前離線  
送花文章: 1110, 收花文章: 16299 篇, 收花: 83322 次
有 2 位會員向 猜謎人 送花:
bearipf (2007-06-30),wangcolon (2007-07-01)
感謝您發表一篇好文章