清华大学图书馆主页 - INTERNET 教室 - 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>`

## 客户端图象映射图(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://www.newasp.net/
C&P 1994-2006 Xin Yun newasp.net@gmail.com