html 图像布局

  链入图象的基本语法

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

<img alt=#>
#=在浏览器还没有彻底读入图象时，在图象位置显示的文字。

<img src="f.gif" alt="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!

• 只有一行文字才能够放在图象的两边。（不知道翻译的对不对？)
• Only one text line can be flown into the both side of Image.

图象在页面中的对齐/布局(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)

[返回]