文章超連結貼圖法
↑ 點圖以開新視窗顯示 ↑
語法 : (範例)
<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>
留言列表