HTML教程<img>

<img> tag把图片嵌入网页中。

<img>所支援的attribute：
src——设定图片的URL位置。
例子：
<img src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>

alt——设定档图片没有办法读取时所显示的信息。
例子：
<img alt="This image cannot be loaded" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>

title——设定滑鼠在图片上时所显示的tooltip信息。
例子：
<img title="UCPRO" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>

height——设定图片的高度。接受px（pixel）或是%（percentage）。
例子：
<img height="100px" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
<img height="20%" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>

width——设定图片的长度。接受px（pixel）或是%（percentage）。
例子：
<img width="100px" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
<img width="20%" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>

align——设定图片的排列位置（可在图片旁加入其它element来见其效果），支援的value为：top, bottom, middle, left, right.
例子：
比较以下例子：
lalala<img align="middle" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>lalala
lalala<img align="left" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>lalala
lalala<img align="right" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>lalala

border——设定图片旁的边框大小。接受px（pixel）。
例子：
<img border="5px" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>

hspace——设定图片与左右两旁的element之间的空白距离。接受px（pixel）。
例子：
<img hspace="10px" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>

vspace——设定图片与上下两旁的element之间的空白距离。接受px（pixel）。
例子：
<mg vspace="10px" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>

id——设定独特的id让JavaScript辨别。

class——设定class的名称，通常用在CSS。

usemap——设定usemap的名称。usemap是用来将图片分割成部分，然后个别位置对滑鼠作出不同的反应。
例子：
<img usemap="#ucpromap" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>
<map name="ucpromap">

</map>

<img>所支援的event：
onabort, ondblclick, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onkeydown, onkeypress, onkeyup.