您当前的位置: 首页 » HTML/XHTML/XML编程 » HTML 语言教程---图象(IMAGE)标记(TAGS)
HTML 语言教程---图象(IMAGE)标记(TAGS)
论坛链接
链入图象的基本语法
<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>
<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>