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
|
Feedback Form ( ExpandCollapse)
|