DIY玩化學

↑ 點圖以開新視窗顯示 ↑

語法 : (範例)

<a target="_blank" href="http://kosegallery.com/wap-025-1024.jpg">
<img src="http://kosegallery.com/wap-025.jpg" alt="""點圖開新視窗放大圖片""" width="150" height="150" border="0"></a>
　

一張圖等於要上傳兩張圖(部落格以外的圖片寄存空間)，一張是直接顯示在部落格的小圖，一張是點小圖時的大張連結圖

解說 :

<a target="_blank" href="http://kosegallery.com/wap-025-1024.jpg">
<img src="http://kosegallery.com/wap-025.jpg" alt="""開新視窗""" width="150" height="150" border="0"></a>

target="_blank" = 另開新視窗(建議以另開視窗比較為宜，不會跳脫原來的網頁視窗)

http://kosegallery.com/wap-025-1024.jpg = 超連結大張圖片的網址(外部連結)

http://kosegallery.com/wap-025.jpg = 顯示在部落格圖片的網址(網頁視窗)

alt="""點圖開新視窗放大圖片" "" = 滑鼠指標靠近小圖顯示的對話題示(文字內容可以依個人需求做改變)

width="150" height="150" = 小圖的圖片尺寸，超連結的大張圖不用設定，直接以原圖規格顯示(例如原圖的本身尺寸是1024X768，顯現出來時就是1024X768，如果刻意以語法改變，會失去原圖的意義)

border="0" = 小圖框線的出細 0 為無框線，一般適合框線規格在1~3之間

如果不做超連結，這樣 <img src="http://kosegallery.com/wap-025.jpg" width="150" height="150" border="0"> 就可以了

PS : 語法與一般網頁通用，也可以運用在左右欄框及自己的 LOGO連結

LOGO 運用 :

<a target="_blank href=" 自己的部落格網址">
<img src="LOGO圖片網址" alt="""連結我的部落格""" width="100" height="30"></a>