ใช้แท็ก ใน HTML เพื่อแสดงรูปภาพ ต่อไปนี้เป็นคุณลักษณะ -
| แอตทริบิวต์ | ค่า | คำอธิบาย |
|---|---|---|
| Align | top ล่าง กลาง ซ้าย ขวา | เลิกใช้งานแล้ว − ระบุการจัดตำแหน่งสำหรับรูปภาพ |
| Alt | text | ระบุข้อความสำรอง |
| Border | pixels | เลิกใช้งานแล้ว - ระบุความกว้างของเส้นขอบของรูปภาพ |
crossorigin  | ข้อมูลรับรองการใช้งานที่ไม่ระบุชื่อ | อนุญาตให้ใช้รูปภาพจากไซต์บุคคลที่สามที่อนุญาตให้เข้าถึงแบบข้ามต้นทางเพื่อใช้ซ้ำกับผ้าใบ |
| ความสูง | พิกเซลหรือ % | ระบุความสูงของรูปภาพ |
| hspace | pixels | เลิกใช้งานแล้ว − จำนวนช่องว่างสีขาวที่จะแทรกไปทางซ้ายและขวาของวัตถุ |
| Ismap | URL | กำหนดรูปภาพเป็นแผนที่รูปภาพฝั่งเซิร์ฟเวอร์ |
| Longdesc | text | เลิกใช้งานแล้ว − ระบุ URI/URL ของคำอธิบายแบบยาว - ซึ่งสามารถอธิบายรายละเอียดที่สั้นกว่าที่ระบุด้วยแอตทริบิวต์ alt ได้ |
| Src | URL | url ของรูปภาพ |
| Usemap | #mapname | กำหนดรูปภาพเป็นแผนผังรูปภาพฝั่งไคลเอ็นต์และใช้ร่วมกับแท็ก |
| Vspace | pixels | เลิกใช้แล้ว − จำนวนช่องว่างสีขาวที่จะแทรกที่ด้านบนและด้านล่างของวัตถุ |
| ความกว้าง | พิกเซลหรือ % | กำหนดความกว้างของรูปภาพเป็นพิกเซลหรือเป็น % |
ตัวอย่าง
คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อเพิ่มรูปภาพลงในเอกสารบนเว็บ -
<!DOCTYPE html> <html> <head> <title>HTML img Tag</title> </head> <body> <img src = "https://www.tutorialspoint.com/html5/images/html5-mini-logo.jpg" alt = "Learn HTML5" height = "250" width = "270" /> </body> </html>
