Frank's 資訊科技潮流站

圖片檔的插入

1. 一般圖片插入

2. 改變圖片的長寬

3. 解決超連結加框問題

1. 一般圖片插入

插入圖片的語法如下

<img src="網址">


例如

<img src="http://ftsp.why3s.tw/cns/news/commera.png">

結果：



2. 改變圖片的長寬

 還可以改變圖片的長寬

語法：
<img src="網址" height="高度值" width="寬度值">

例如：
<img src="http://ftsp.why3s.tw/cns/news/commera.png" height="100" width="100"> 





<img src="http://ftsp.why3s.tw/cns/news/commera.png" height="100" width="400">




<img src="http://ftsp.why3s.tw/cns/news/commera.png" height="300" width="300"> 



3. 解決超連結加框問題

如果你很認真的，把上次超連結的語法，和這次插入圖片的語法結合

例如：
<a href="http://ftsp.why3s.tw/cns/"> <img src="http://ftsp.why3s.tw/cns/news/commera.png"> </a>

就會變成這種結果

 

多了一個非常礙人的框，不是嗎？
(不過這個BLOG會自動處理，所以看不到)

這是因為瀏覽器自動幫你加上了

要如何強制消除這個框呢？

只要加上「框線大小為0」的指令就可以了

<a href="http://ftsp.why3s.tw/cns/"><img _fcksavedurl=""http://ftsp.why3s.tw/cns/"><img" src="http://ftsp.why3s.tw/cns/news/commera.png" border=0> </a>





是不是既有圖 又有連結 又沒有框了呢