Example

In this example a simple syntax to display image on a web page is given:

Syntax	Image
<img src="/reference/images/world.png" />

The 'alt' attribute

The 'alt' attribute is used in conjunction with 'img' tag to provide a description of the image displayed. This is an optional attribute. However, it is suggested to use them for reasons that include

• As a rule of thumb smaller the image faster is the page display. If the size of an image is large, an 'alt' attribute ensures that the 'alt' description gets displayed quickly giving an indication to the reader that an image is to be followed.
• If the Browser cannot or is not configured to display images an 'alt' attribute will act as a placeholder for the image.

Modifying the above example to include an 'alt' attribute:

Syntax	Image
<img src="/reference/images/world.png" alt="World Map" />

Hyperlink an Image

You can hyperlink an image by using 'a href' tag as shown below:

Syntax	Image
<a href="http://referpages.com" /> < img src="/reference/images/world.png" />

Aligning Images

Use the 'align' attribute to align images to the right, left, middle, top, and bottom.

Syntax	Image
This image is < img src="/reference/images/world.png" align="right" /> to the right	This image is to the right.

Syntax	Image
This image is < img src="/reference/images/world.png" align="middle" /> to the middle	This image is to the middle.

In HTML 4.0 the 'align' attribute has been deprecated in favor of stylesheets.

TrackBack URI for this entry

Comments (0)

Subscribe to this comment's feed

Write comment

Name

Email

Website

Comment

smaller | bigger

Subscribe via email (Registered users only)

Write the displayed characters

Add Comment