9.3. Displaying an Image in WML: <img>

The <img> tag is used to add an image to a WML card. This is the same as in HTML. WAP browsers will display the text assigned to the alt attribute of the <img> tag if it cannot display the image for reasons such as file not found or image format not supported. The URL of the image file is specified with the src attribute.

The height and width attributes of the <img> tag, as their names suggested, are used to specify the height and width of an image's display area. WAP browsers may reserve some space on the screen according to the values of these two attributes when the image is still downloading, so that users can know the layout of the card. Also, WAP browsers may scale up or down the size of an image if the height and width attribute values are not the same as the image's real size.

Older WAP-enabled wireless devices can only display WBMP images. Newer ones support image formats commonly used on the web such as GIF, JPG and PNG.

This example demonstrates how to display an image in WML using the <img> tag:


(imageEg1.wml)

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN" "http://www.wapforum.org/DTD/wml13.dtd">

<wml>
  <card id="card1" title="Image in WML">
    <p>
      <img src="smile.gif" alt="Smile" height="62" width="60" /><br/>
      Welcome to our WML tutorial.
    </p>
  </card>
</wml>


The result of the above WML markup code in WAP browsers is shown below:



Sony Ericsson T610





Sony Ericsson T68i


Nokia Mobile Browser 4.0


If the image file does not exist, the result will become:



Sony Ericsson T610


Sony Ericsson T68i


Nokia Mobile Browser 4.0


Previous Page Page 13 of 50 Next Page


Feedback Form (ExpandCollapse)

What do you think about this web page?






(Optional) Please provide us more details. For example, suppose you select option 2 above, can you tell us specifically what information is missing? You can also suggest anything that can help us improve this web page.

(Optional) Your name:

(Optional) Your email address:

Please enter again to confirm:

Due to the amount of messages we received, we may not be able to reply to all messages.

A button for going back to the top of this page