图象(IMAGE)标记(TAGS)


+ 链入图象的基本语法

 

<img src=#> #=图象的 URL

 

<img alt=#>
#=在浏览器尚未完全读入图象时,在图象位置显示的文字。

<img src="f.gif" alt="MY FACE :-)">

MY FACE :-)


+ 图象和文字的对齐

<img align=#> #=top, middle, bottom

<img src=URL align=top> My face!

(^_^) My Face!

<img src=URL align=middle> My face!

(^_^) My Face!

<img src=URL align=bottom> My face!

(^_^) My Face!


+ 图象在页面中的对齐/布局(Floating Image)

 

<img align=left>

<img src=URL align=left>My Face!<br>
It is always<br>
smiling.<br>
Hahaha....<br>

(^_^)My Face!
It is always
smiling.
Hahaha....


 

<img align=right>

(^_^)My Face!
It is always
smiling.
Hahaha....


 

<br clear=all>

<img src=URL align=left>My Face!<br>
It is always
<br clear=all>
smiling.<br>
Hahaha....<br>

(^_^)My Face!
It is always

smiling.
Hahaha....


 

<img vspace=# hspace=#> #=value

<img src=URL align=left vspace=10 hspace=20>My Face!<br>
It is always<br>
smiling.<br>
Hahaha....<br>

(^_^)My Face!
It is always
smiling.
Hahaha....


+ 边框

 

<img border=#> #=value

<a href="URL">
<img src=URL border=15>
</a>

(^_^)


+ 客户端图象映射图(Client Side Image Map)