HTML Images

[welcomewiki]

align ="left" width="48" height="48">
A paragraph with an image. The align attribute of the image is set to "left". The image will float to the left of this text.

align ="right" width="48" height="48">
A paragraph with an image. The align attribute of the image is set to "right". The image will float to the right of this text.

[welcomewiki]

width="20" height="20">

width="45" height="45">

width="70" height="70">

You can make a picture larger or smaller changing the values in the "height" and "width" attributes of the
img tag.

[welcomewiki]

Text-only browsers cannot display images and will only display the text that is specified in the "alt" attribute for the image. Here, the "alt"-text is "Go Left".

Note that if you hold the mouse pointer over the image, most browsers will display the "alt"-text.

---------

Text-only browsers cannot display images and will only display the text that is specified in the "alt" attribute for the image. Here, the "alt"-text is "Go Left".
Note that if you hold the mouse pointer over the image, most browsers will display the "alt"-text.

[welcomewiki]

You can also use an image as a link:

------


You can also use an image as a link: [IMG]http://www.w3schools.com/html/****onnext.gif[/IMG]

[welcomewiki]

Click on one of the planets to watch it closer:

width="145" height="126"
usemap="#planetmap">

Note: The "usemap" attribute in the img element refers to the "id" or "name" (browser dependant) attribute in
the map element, therefore we have added both the "id" and "name" attributes to the map element.