Blogger 貼文 ( 3 of 6 ) 貼圖 2/3

【示意型】
<img src="URL">


Blogger 可以不必加上 width 與 height ( Blogger 可以自動判斷出長寬 )
　

【標準型】
<img src="URL" width="130" height="130">


加上 width 與 height
　
　
【縮放型】
<img src="URL" width="260" height="260">


改變 width 與 height 的數值 ( 放大一倍 )
　
　
【說明型】
<img src="URL" alt="這是說明文字">


彈出說明文字
　
　
【游標型】
<img src="URL" style="cursor: hand">


以語法把游標變成手指狀 ( 游標移進圖檔時 )
　
　
【Link 型 ( 彈出另一網頁 )】
<img src="URL" style="cursor: hand" onClick="window.open('URL')">


不套用 <a> 也可以鏈結 ( 本例為另開視窗 )
‧<a> 會在鏈結時自動把游標變成手指，若不套用 <a>，就要自行以語法產生手指
‧<a> 要彈出另一網頁是加上 target="_blank" 這語法，若不套用 <a>，就要換語法
　
　
::::::::::::::::::::::::::::::::::::::::::::::::::::: 這是分段線 :::::::::::::::::::::::::::::::::::::::::::::::::::::
　
　
【<a> ＋ <img> 型】
<a href="大圖 URL"><img src="縮圖 URL" alt="點我看大圖"></a>


Blogger 貼圖的主要語法
　
　
在 Blogger > 張貼 > 「撰寫」中，會看到縮圖有 藍框


這也是 HTML 早期的辨識方式：
代表著圖檔上有著鏈結，也就是說 <img> 被 <a></a> 包住
即 <a href="URL" …><img src="URL" …></a>
　
雖然 Blogger 會去掉 Link 圖檔外的藍框，但正式的語法也得知道：
<img src="URL" … border="0">

雖然 Blogger 會自動去掉 Link 圖檔外的藍框，但 Blogger 在貼圖時還是會加上
上述的語法，因為要考慮的問題很多，譬如：在不同瀏覽器看起來都要一樣、…
　
事實上在 Blogger 上傳圖檔，Blogger 會加上非常多的語法 ( 即本篇所提的這些語法 )
當然也有一些本篇沒提到的語法 ( <img> 的語法也不是只有本篇的這些 )
請先完全搞懂本篇所述，剩下的會在下一篇再說明之