文章超連結貼圖法


點圖開新視窗放大圖片


↑ 點圖以開新視窗顯示 ↑


語法 : (範例)


<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>


arrow
arrow
    全站熱搜

    Ben 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄