图象(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)




NCD HOME HTML Design Guide Main Page
Contents || Page || Font || Text Style || Image || Form || Table || Table Advanced
|| Frames || Marquee || Alternative Inline Elements
Tag Index || What's New

Network Communication Design
http://ncdesign.kyushu-id.ac.jp/
C&P 1994-1996 Yuriko Ienaga v91102@vgenda.kyushu-id.ac.jp