WML - Imágenes

El elemento <img> se utiliza para incluir una imagen en una tarjeta WAP. Los dispositivos inalámbricos habilitados para WAP solo admitían el formato de imagen de mapa de bits inalámbrico (WBMP).

Las imágenes WBMP solo pueden contener dos colores: blanco y negro. La extensión de archivo de WBMP es ".wbmp" y el tipo MIME de WBMP es "image / vnd.wap.wbmp".

El elemento <img> admite los siguientes atributos:

Atributo Valor Descripción
alinear
  • top
  • middle
  • bottom
Alineación de la imagen
alt Texto alternativo Establece un texto alternativo que se mostrará si no se muestra la imagen.
altura
  • px
  • %
Alto de la imagen en píxeles o porcentaje. Si especifica el valor en píxeles, la sintaxis es "140", en lugar de "140px".
hspace
  • px
  • %
Establece el espacio en blanco a la izquierda y derecha de la imagen. Si especifica el valor en píxeles, la sintaxis es "140", en lugar de "140px".
localsrc cdata Establece una representación alternativa para la imagen. Si se establece este atributo, el navegador lo usará en lugar del atributo "src".
src URL de la imagen Una ruta a la imagen wbmp.
vspace
  • px
  • %
Establece el espacio en blanco por encima y por debajo de la imagen. Si especifica el valor en píxeles, la sintaxis es "140", en lugar de "140px".
anchura
  • px
  • %
Establece el ancho de la imagen. Si especifica el valor en píxeles, la sintaxis es "140", en lugar de "140px".
xml: lang Código de lenguaje Establece el idioma utilizado en el elemento.
clase datos de clase Establece un nombre de clase para el elemento.
carné de identidad ID de elemento Un ID único para el elemento.

Cómo hacer imágenes ".wbmp"

Hay herramientas gratuitas disponibles en Internet para crear imágenes ".wbmp".

Nokia Mobile Internet Toolkit (NMIT) viene con un editor de imágenes WBMP que puede usar. Puede convertir archivos de imagen GIF o JPG existentes en archivos WBMP utilizando NMIT.

Otra herramienta gratuita es ImageMagick , que puede ayudarlo a crear imágenes WBMP.

A continuación se muestra el ejemplo que muestra el uso del elemento <img>.

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

<wml>

<card title="WML Images">
<p>
This is Thumb image
<img src="/images/thumb.wbmp" alt="Thumb Image"/>
</p>

<p>
This is Heart image
<img src="/images/heart.wbmp" alt="Heart Image"/>
</p>

</card>

</wml>

Esto producirá el siguiente resultado: