WML - Hình ảnh

Phần tử <img> được sử dụng để đưa hình ảnh vào thẻ WAP. Các thiết bị không dây hỗ trợ WAP chỉ hỗ trợ định dạng hình ảnh Bản đồ bit không dây (WBMP).

Ảnh WBMP chỉ có thể chứa hai màu: đen và trắng. Phần mở rộng tệp của WBMP là ".wbmp" và loại MIME của WBMP là "image / vnd.wap.wbmp".

Phần tử <img> hỗ trợ các thuộc tính sau:

Thuộc tính Giá trị Sự miêu tả
căn chỉnh
  • top
  • middle
  • bottom
Căn chỉnh của hình ảnh
alt văn bản thay thế Đặt văn bản thay thế được hiển thị nếu hình ảnh không được hiển thị.
Chiều cao
  • px
  • %
Chiều cao của hình ảnh tính bằng pixel hoặc phần trăm. Nếu bạn chỉ định giá trị bằng pixel, thì cú pháp là "140", thay vì "140px".
hspace
  • px
  • %
Đặt khoảng trắng ở bên trái và bên phải của hình ảnh. Nếu bạn chỉ định giá trị bằng pixel, thì cú pháp là "140", thay vì "140px".
localrc cdata Đặt đại diện thay thế cho hình ảnh. Nếu thuộc tính này được đặt, trình duyệt sẽ sử dụng nó thay vì thuộc tính "src".
src URL hình ảnh Một đường dẫn đến hình ảnh wbmp.
vspace
  • px
  • %
Đặt khoảng trắng bên trên và bên dưới hình ảnh. Nếu bạn chỉ định giá trị bằng pixel, thì cú pháp là "140", thay vì "140px".
chiều rộng
  • px
  • %
Đặt chiều rộng của hình ảnh. Nếu bạn chỉ định giá trị bằng pixel, thì cú pháp là "140", thay vì "140px".
xml: lang mật ngữ Đặt ngôn ngữ được sử dụng trong phần tử
lớp học dữ liệu lớp Đặt tên lớp cho phần tử.
Tôi ID phần tử Một ID duy nhất cho phần tử.

Cách tạo hình ảnh ".wbmp"

Có sẵn các công cụ miễn phí trên Internet để tạo hình ảnh ".wbmp".

Nokia Mobile Internet Toolkit (NMIT) đi kèm với một trình chỉnh sửa hình ảnh WBMP mà bạn có thể sử dụng. Bạn có thể chuyển đổi tệp ảnh GIF hoặc JPG hiện có thành tệp WBMP bằng NMIT.

Một công cụ miễn phí khác là ImageMagick , có thể giúp bạn tạo ảnh WBMP.

Dưới đây là ví dụ hiển thị cách sử dụng phần tử <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>

Điều này sẽ tạo ra kết quả sau: