HyperText Markup Language/Tag List/img

From Wikibooks, the open-content textbooks collection

Contents 1 Use 2 Example 3 Required attributes 3.1 src 3.2 alt 4 Optional attributes 4.1 align 4.2 height 4.3 title 4.4 width 5 Standard attributes 5.1 align 5.2 height 5.3 title 5.4 width 6 More info

[edit] Use

This tag is used to declare an image in the webpage. There are two formats you are to use on the web. They are: .gif (Graphics Interchange Format) and .jpg or .jpeg (Join Photographic Expert Group).

[edit] Example

<img src="Beach.gif" alt="Beach Picture" height="300" width="200" title="Picture of the Beach"
align="right"/>

[edit] Required attributes

[edit] src

This must be used by the user. It declares the path of the image, in other words the source of the image.

[edit] alt

This use to be optional, now with XHTML coming into the spotlight, it is now compulsory to add this to the attributes list. All this does is add text to were the image is supposed to be when it cannot be found by the browser.

[edit] Optional attributes

[edit] align

Tells the browser were the image is supposed to be. The user has a choice of three values with this. They are: left, right and center.

[edit] height

This tells the browser how tall the image will be on the webpage. This must not be used to control the image size.

[edit] title

This declares text that is shown when the mouse is moved over the image.

[edit] width

Tells the browser the width of the image. Must not be used to control the image size.

[edit] Standard attributes

[edit] align

[edit] height

[edit] title

[edit] width

[edit] More info

http://yourhtmlsource.com/images/fileformats.html Images and Websites on yourhtmlsource.