close

貼圖基本語法



分類:自訂樣式

2008/12/20 13:22


1.普通貼圖語法:


<img src="http://hk.geocities.com/bb14422123/11.jpg"/>




2.設定圖片大小 width="寬" height="長">:(長寬數字愈大圖片愈大,反之愈小)



<img src="http://blog.roodo.com/wu_ming/a10dab41.jpg" width="120" height="100">


 




3.顯示圖片的名稱:(將游標移到圖上看看)



<img src="http://hk.geocities.com/bb14422123/11.jpg"
alt="星夜天空">移到圖上看看


 


星夜天空 移到圖上看看


4.隔離圖片與文字:(後面加一個<br>隔行,加二個<br>空一行,以此類推…)


<img src="http://blog.roodo.com/wu_ming/a10dab41.jpg" width="120" height="100"><br>星夜天空


 



星夜天空


5.將圖片與文字對齊:(例如left :圖片在文字左邊)(見下方語法說明)


<img src="http://hk.geocities.com/bb14422123/11.jpg" align="對齊方式">星夜天空


 


星夜天空




6.圖片加上框框:(border="2"數字喻大,框框線愈大"粗")


<img src="http://blog.roodo.com/wu_ming/a10dab41.jpg" border="2">


 




圖片對齊方式如下:
left : 圖片在文字左邊。
right : 圖片在文字右邊。
top : 對齊整行最頂端排列。
texttop : 對齊文字部份最頂端排列。
middle : 對齊文字中間排列。
absmiddle : 物件的中間線對齊整列的中間線。
baseline : 對齊文字底線排列,此為預設的對齊方式。
bottom : 對齊文字底線排列,與baseline相同。
absbottom : 對齊整行最底端排列。


 


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 蕃茄媽 的頭像
    蕃茄媽

    鳥松-蕃茄媽的部落格

    蕃茄媽 發表在 痞客邦 留言(0) 人氣()