插入圖片


阿瑟 發表



這次阿得要告訴大家怎麼在純HTML編輯時插入圖片喔!!

STEP1:【前言】
這次阿得要告訴大家怎麼在純HTML編輯時插入圖片喔!!

STEP2:【絕對與相對路徑】
複習一下之前約瑟講到的,
絕對路徑:<img src="./me.jpg">
相對路徑:<img src="me.jpg">
由此可見,圖片和連結一樣,可以使用相對路徑與絕對路徑來表示,相對路徑是以現在您所在的網頁做為參考來尋找圖片,絕對路徑是利用完整的圖片所在位址來尋找圖片
如果您有去過貼圖版的話,上面大多是用絕對路徑因為圖片不在同一個主機上,無法以該網頁作為參考去尋找

STEP3:【圖片插入語法】
這是圖片插入的語法
<img src="絕對或是相對路徑">


您只要加上路徑就可以了,舉個例子,您的網頁名稱為index.htm,在同一個目錄中有一個叫做hello.jpg的檔案,您只要在路徑的部分打hello.jpg就可以插入圖片(這是相對路徑)

加上連結的圖片
<a href="網頁路徑" target="_self">
<img src="絕對或是相對路徑">
</a>


連結的部分阿得就不講解了,您跑過以後會發現旁邊出現了很醜很醜的藍色邊框...如果您想要砍掉該邊框...請往下看

不含邊框的連結圖片
<a href="網頁路徑" target="_self">
<img src="絕對或是相對路徑" border=0>
</a>


沒錯,只要border(邊框)等於0邊框就消失了。

STEP4:【結語】
應該不難吧,相信這次的教學能夠讓您的網頁添色不少。

最後更新日期: 11/10/2001 10:15:33 PM