打印本文 打印本文 关闭窗口 关闭窗口
HTML语言教程之四:图像(IMAGE)标记
作者:武汉SEO闵涛  文章来源:敏韬网  点击数1041  更新时间:2009/4/23 11:15:32  文章录入:mintao  责任编辑:mintao

链入图象的基本语法

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

<img alt=#>
#=在浏览器尚未完全读入图象时,在图象位置显示的文字。
<img src="f.gif" alt="MY FACE :-)">

图象和文字的对齐 <img align=#> #=top, middle, bottom
<img src=URL align=top> My face!
<img src=URL align=middle> My face!

<img src=URL align=bottom> 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>

It is always
smiling.
Hahaha....


<img align=right> 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>

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>

It is always
smiling.
Hahaha....

边框

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


打印本文 打印本文 关闭窗口 关闭窗口