图像

HTML

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


只有一行文字才可以放在图象的两边。（不知道翻译的对不对？)
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) 


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 [email protected]