Displaying an Image in WML: <img>

Preferences - Do not show ads

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


Page 13 of 50 Previous Page | Next Page
Contents at a Glance
Print this Web Page | | Back to Top

Feedback Form (Expand)

What do you think about this web page?






WML Tutorial Table of Contents WML Tutorial Contents at a Glance Preferences - Change Color Scheme Preferences - Do Not Show Ads Previous Page Next Page