一個不錯的網頁、網站,皆多是由圖片及文字相互穿插、排列,增加其中豐富性,以吸引瀏覽者上站觀摩,至於圖片的使用,不乏是網友自己製作上傳、連結他站途徑所置放入網頁,則"語法<img>"便是連結圖片的指令。

  在留言板中,網友常常運用貼圖,來增加留言的豐富性或者是交換訊息、傳遞心情,但是除了一般的貼圖語法外,其實語法<img>還有許多不同的參數喔!!網友可依照自己的需求來改變自己貼圖的方式。

項  目 參數 語       法 效果範例 說明
顯示圖片
src
<img src=//mychat.to/dye/bg_img/st/dye_st_0013.gif>  
顯示低解析圖片
lowsrc
_blank <img lowsrc=//mychat.to/dye/bg_img/st/dye_st_0013.gif>  
設定寬度
width
寬度數值 <img src=//mychat.to/dye/bg_img/st/dye_st_0013.gif width=50>  
設定高度
height
高度數值 <img src=//mychat.to/dye/bg_img/st/dye_st_0013.gif height=50>  
不規則設定大小
width ,height
自訂數值 <img src=//mychat.to/dye/bg_img/st/dye_st_0013.gif height=64 width=42>  
自訂數值 <img src=//mychat.to/dye/bg_img/st/dye_st_0013.gif height=20 width=64>  
圖片放大
width ,>height
% <img src=//mychat.to/dye/bg_img/st/dye_st_0013.gif height=200% width=200%>  

pt

<img src=//mychat.to/dye/bg_img/st/dye_st_0013.gif height=75 width=75>  
圖片縮小
width ,height
% <img src=//mychat.to/dye/bg_img/st/dye_st_0013.gif height=40% width=40%>  

pt

<img src=//mychat.to/dye/bg_img/st/dye_st_0013.gif height=35 width=35>  
連結註解
alt
自訂文字 <img src=//mychat.to/dye/bg_img/st/dye_st_0013.gif alt=背景圖片> 背景圖片  
無法顯示 <img src=//mychat.to/dye/bg_img/st/dye_st_0013.gif alt=背景圖片> 背景圖片  
圖片連結
<a>
自訂連結 <a href=http://mychat.to><img src=//mychat.to/dye/bg_img/st/dye_st_0013.gif></a>  
圖片連結邊框
border
自訂數值 <a href=http://mychat.to target=-blank ><img src=//mychat.to/dye/bg_img/st/dye_st_0013.gif border=0></a>  
<a href=http://mychat.to target=-blank><img src=//mychat.to/dye/bg_img/st/dye_st_0013.gif border=5></a>  
文字繞圖
alegn
left <img src=//mychat.to/dye/gif_img/game_02/dye_ca_pt_02.gif align=left> 圖靠左
middle <img src=//mychat.to/dye/gif_img/game_02/dye_ca_pt_02.gif align=middle> 中間
right <img src=//mychat.to/dye/gif_img/game_02/dye_ca_pt_02.gif align=right> 圖靠右
top <img src=//mychat.to/dye/gif_img/game_02/dye_ca_pt_02.gif align=top> 對齊上
bottom <img src=//mychat.to/dye/gif_img/game_02/dye_ca_pt_02.gif align=bottom> 對齊下
texttop <img src=//mychat.to/dye/gif_img/game_02/dye_ca_pt_02.gif align=texttop> 貼上
absmiddle <img src=//mychat.to/dye/gif_img/game_02/dye_ca_pt_02.gif aligm=absmiddle> 對中
absbottom <img src=//mychat.to/dye/gif_img/game_02/dye_ca_pt_02.gif align=absbottom> 對齊下
none <img src=//mychat.to/dye/gif_img/game_02/dye_ca_pt_02.gif align=none> 無效果
清除文字繞圖
clear
left <img src=//mychat.to/dye/gif_img/game_02/dye_ca_pt_02.gif align=left>文字<br clear=left>第二行不繞圖 布丁狗
第二行不繞圖
right <img src=//mychat.to/dye/gif_img/game_02/dye_ca_pt_02.gif align=right>文字<br clear=right>第二行不繞圖 布丁狗
第二行不繞圖
all <img src=//mychat.to/dye/gif_img/game_02/dye_ca_pt_02.gif align=right>文字<br clear=all>第二行不繞圖 布丁狗
第二行不繞圖
圖文間距
hspace
vspace
hspace
水平距離
<img src=//mychat.to/dye/bg_img/st/dye_st_0013.gif hspace=5> 布丁狗
vspace
垂直
<img src=//mychat.to/dye/bg_img/st/dye_st_0013.gif vspace=10>
布丁狗

以上所列舉的語法應用皆可以複合性的搭配使用:

測試範例:

  語法:
   <img src=../gif_img/bz/dye_bz_a1_021.gif width="50" height="43" border=0 align=left> = = Mychat.to 染布坊==<br>開站至今已經有一年的光景了...<br>也希望網友能繼續支持這個好地方...<br clear=left><br>也祝大家在新的一年中...事事順利....世界和平

  實例:
   = = Mychat.to 染布坊 = =
開站至今已經有一年的光景了...
也希望網友能繼續支持這個好地方...

也祝大家在新的一年中...事事順利....世界和平