เพื่อใช้รูปภาพบนเว็บเพจ ให้ใช้แท็ก <img> แท็กนี้อนุญาตให้คุณเพิ่ม image source, alt, width, height เป็นต้น alt คือ alternate text attribute ซึ่งเป็นข้อความที่มองเห็นได้เมื่อรูปภาพโหลดไม่สำเร็จ
คุณสมบัติต่อไปนี้คือ:
| Attribute | Description |
|---|---|
| Alt | ข้อความทางเลือกสำหรับรูปภาพ |
| Height | ความสูงของรูปภาพ |
| Ismap | รูปภาพเป็น server-side image-map |
| Longdesc | URL ไปยังคำอธิบายรายละเอียดของรูปภาพ |
| Src | URL ของรูปภาพ |
| Usemap | รูปภาพเป็น client-side image-map |
| Width | ความกว้างของรูปภาพ |
จำไว้ว่าแท็ก <img> ไม่มี end tag
ตัวอย่าง
คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้รูปภาพในเว็บเพจด้วย HTML
<!DOCTYPE html> <html> <head> <title>HTML img tag</title> </head> <body> <h1>Tutorialspoint</h1> <h2>Simply Easy Learning</h2> <img src="/green/images/logo.png" alt="Tutorialspoint" width="260" height="100"> </body> </html>
