IMAGE TAGS

HTML Design Guide - Normal v2.1 <Last Update: 1 April 1996>

+ Basic Rules of Image

<img src=#> #=Image URL

<img alt=#>
#=Text to display on text browser or one doesn't load images.

<img src="f.gif" alt="MY FACE :-)">
MY FACE :-)

+ Image aligned with Text

<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....

+ Floating Image 2

<fig align=left>

<fig src=URL align=left></fig>
My Face!<br> It is always<br> smiling.<br> Hahaha....<br>

My Face!
It is always
smiling.
Hahaha....

<fig align=right>

My Face!
It is always
smiling.
Hahaha....

+ Caption

<caption>...</caption>

<fig src=URL>
<caption><small>My Face</small> </caption>
</fig>

My Face

<br align=center>

<fig src=URL align=center>
<caption><small>My Face</small> <br align=center></caption>
</fig>

My Face

<br align=right>

My Face

+ Border Line

<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 || Math
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