圖像,也就是images,在html語法中用img來表示,其基本的語法是:
<img src=#> #=圖象的 URL,關于url就是指的是圖像在網上的地址。
<img alt=#> #=在瀏覽器尚未完全讀入圖象時,在圖象位置顯示的文字;也是圖像顯示以后,當鼠標放在圖片上時所顯示的文字。
例子:<img src="http://kkk.yesku.net/forum/images/cid4u-2.jpg" >
圖象在頁面中的對齊/布局:
語法:<img align=#> #=left, center, right,使用圖像的align屬性,其實這一屬性布置在這里用到,以后我們在學習表格的時候也會遇到align,它的值left, center, right就是他的中文意思,left居左,center居中,right居右。
例子:<img src="http://kkk.yesku.net/forum/images/cid4u-2.jpg" align=left> 網人交流論壇歡迎您的光臨!
圖象和文字的對齊:
語法:<img align=#> #=top, middle, bottom,這里的align和上邊的實現的效果不一樣,大家從它的值可以看出,它所顯示出來的是文字在圖片的靠上邊、中間、底端。大家可以對比這看看各自的效果,很容易記住哦!
圖像的邊框:<img border=#> #=value數字,指的是這個圖像的邊的寬度!
示例:<img src="http://kkk.yesku.net/forum/images/cid4u-2.jpg" border=1>