WML - รูปภาพ

องค์ประกอบ <img> ใช้เพื่อรวมรูปภาพในการ์ด WAP อุปกรณ์ไร้สายที่เปิดใช้งาน WAP รองรับเฉพาะรูปแบบภาพ Wireless Bitmap (WBMP)

ภาพ WBMP มีได้สองสีเท่านั้น: ขาวดำ นามสกุลไฟล์ของ WBMP คือ ".wbmp" และประเภท MIME ของ WBMP คือ "image / vnd.wap.wbmp"

องค์ประกอบ <img> สนับสนุนแอตทริบิวต์ต่อไปนี้:

แอตทริบิวต์ มูลค่า คำอธิบาย
จัดตำแหน่ง
  • top
  • middle
  • bottom
การจัดตำแหน่งของภาพ
alt ข้อความแสดงแทน ตั้งค่าข้อความอื่นที่จะแสดงหากไม่แสดงภาพ
ความสูง
  • px
  • %
ความสูงของภาพเป็นพิกเซลหรือเปอร์เซ็นต์ หากคุณระบุค่าเป็นพิกเซลไวยากรณ์คือ "140" แทนที่จะเป็น "140px"
hspace
  • px
  • %
ตั้งค่าพื้นที่สีขาวทางซ้ายและขวาของภาพ หากคุณระบุค่าเป็นพิกเซลไวยากรณ์คือ "140" แทนที่จะเป็น "140px"
ชาวบ้าน cdata ตั้งค่าการแสดงทางเลือกสำหรับรูปภาพ หากมีการตั้งค่าแอตทริบิวต์นี้เบราว์เซอร์จะใช้แทนแอตทริบิวต์ "src"
src URL รูปภาพ เส้นทางไปยังรูปภาพ wbmp
vspace
  • px
  • %
ตั้งค่าพื้นที่สีขาวด้านบนและด้านล่างของรูปภาพ หากคุณระบุค่าเป็นพิกเซลไวยากรณ์คือ "140" แทนที่จะเป็น "140px"
ความกว้าง
  • px
  • %
ตั้งค่าความกว้างของรูปภาพหากคุณระบุค่าเป็นพิกเซลไวยากรณ์คือ "140" แทนที่จะเป็น "140px"
xml: lang language_code ตั้งค่าภาษาที่ใช้ในองค์ประกอบ
ชั้นเรียน ข้อมูลคลาส ตั้งชื่อคลาสสำหรับองค์ประกอบ
id รหัสองค์ประกอบ รหัสเฉพาะสำหรับองค์ประกอบ

วิธีสร้างภาพ ".wbmp"

มีเครื่องมือฟรีบนอินเทอร์เน็ตเพื่อสร้างภาพ ".wbmp"

Nokia Mobile Internet Toolkit (NMIT) มาพร้อมกับโปรแกรมแก้ไขภาพ WBMP ที่คุณสามารถใช้ได้ คุณสามารถแปลงไฟล์รูปภาพ GIF หรือ JPG ที่มีอยู่เป็นไฟล์ WBMP โดยใช้ NMIT

เครื่องมือฟรีอีกอย่างคือImageMagickซึ่งสามารถช่วยคุณสร้างภาพ WBMP

ต่อไปนี้เป็นตัวอย่างที่แสดงการใช้องค์ประกอบ <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>

สิ่งนี้จะให้ผลลัพธ์ดังต่อไปนี้: