WML - obrazy
Element <img> służy do umieszczania obrazu na karcie WAP. Urządzenia bezprzewodowe z obsługą WAP obsługiwały tylko format obrazu bezprzewodowej mapy bitowej (WBMP).
Obrazy WBMP mogą zawierać tylko dwa kolory: czarny i biały. Rozszerzenie pliku WBMP to „.wbmp”, a typ MIME pliku WBMP to „image / vnd.wap.wbmp”.
Element <img> obsługuje następujące atrybuty:
| Atrybut | Wartość | Opis |
|---|---|---|
| wyrównać |
|
Wyrównanie obrazu |
| alt | alternatywny tekst | Ustawia alternatywny tekst, który ma być wyświetlany, jeśli obraz nie jest wyświetlany. |
| wysokość |
|
Wysokość obrazu w pikselach lub procentach. Jeśli określisz wartość w pikselach, składnia to „140” zamiast „140px”. |
| hspace |
|
Ustawia odstępy po lewej i prawej stronie obrazu. Jeśli określisz wartość w pikselach, składnia to „140” zamiast „140px”. |
| localsrc | cdata | Ustawia alternatywną reprezentację obrazu. Jeśli ten atrybut jest ustawiony, przeglądarka użyje go zamiast atrybutu „src”. |
| src | URL obrazu | Ścieżka do obrazu wbmp. |
| vspace |
|
Ustawia odstępy nad i pod obrazem. Jeśli określisz wartość w pikselach, składnia to „140” zamiast „140px”. |
| szerokość |
|
Ustawia szerokość obrazu. Jeśli określisz wartość w pikselach, składnia to „140” zamiast „140px”. |
| xml: lang | kod_języka | Ustawia język używany w elemencie |
| klasa | dane klasy | Ustawia nazwę klasy dla elementu. |
| ID | identyfikator elementu | Unikalny identyfikator elementu. |
Jak tworzyć obrazy „.wbmp”
W Internecie dostępne są bezpłatne narzędzia do tworzenia obrazów „.wbmp”.
Zestaw Nokia Mobile Internet Toolkit (NMIT) zawiera edytor obrazów WBMP, którego możesz użyć. Możesz przekonwertować istniejące pliki graficzne GIF lub JPG do pliku WBMP za pomocą NMIT.
Kolejnym darmowym narzędziem jest ImageMagick , które może pomóc w tworzeniu obrazów WBMP.
Poniżej znajduje się przykład pokazujący użycie elementu <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>To da następujący wynik:
