เพิ่มเติม "ลองตัวเอง" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
<img> แท็กกำหนดภาพในหน้าเว็บ HTML
<img> แท็กมีสองแอตทริบิวต์ที่จำเป็น: src และ alt
หมายเหตุ: ภาพไม่แทรกเทคนิคในหน้าเว็บ HTML, ภาพที่มีการเชื่อมโยงไปยังหน้าเว็บ HTML<img> แท็กสร้างพื้นที่โฮลดิ้งของภาพที่อ้างถึง
เคล็ดลับ: หากต้องการเชื่อมโยงภาพไปยังเอกสารอื่นก็รัง <img> แท็กภายใน <a> แท็ก
สนับสนุนเบราว์เซอร์
| ธาตุ | |||||
|---|---|---|---|---|---|
| <img> | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
following คุณลักษณะ: align, border, hspace และ vspace ไม่สนับสนุนใน HTML5
ความแตกต่างระหว่าง HTML และ XHTML
ใน HTML <img> แท็กไม่มีแท็กปิด
ใน XHTML ซึ่ง <img> แท็กจะต้องปิดอย่างถูกต้อง
แอตทริบิวต์
= ใหม่ใน HTML5
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| align | top bottom middle left right | ได้รับการสนับสนุนใน HTML5 ระบุการจัดตำแหน่งของภาพให้เป็นไปตามองค์ประกอบโดยรอบ |
| alt | text | ระบุข้อความสำรองสำหรับภาพ |
| border | pixels | ได้รับการสนับสนุนใน HTML5 ระบุความกว้างของเส้นขอบรอบภาพ |
| crossorigin | anonymous use-credentials | อนุญาตให้ภาพจากเว็บไซต์ของบุคคลที่สามที่อนุญาตให้เข้าถึงข้ามจุดที่จะใช้กับผืนผ้าใบ |
| height | pixels | ระบุความสูงของภาพ |
| hspace | pixels | ได้รับการสนับสนุนใน HTML5 ระบุช่องว่างด้านซ้ายและด้านขวาของภาพ |
| ismap | ismap | ระบุภาพเป็นฝั่งเซิร์ฟเวอร์ภาพแมป |
| longdesc | URL | ระบุ URL ไปยังรายละเอียดของภาพ |
| src | URL | ระบุ URL ของภาพ |
| usemap | #mapname | ระบุภาพเป็นฝั่งไคลเอ็นต์ภาพแมป |
| vspace | pixels | ได้รับการสนับสนุนใน HTML5 ระบุช่องว่างด้านบนและด้านล่างของภาพ |
| width | pixels | ระบุความกว้างของภาพ |
แอตทริบิวต์ทั่วโลก
<img> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<img> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
ลองตัวเอง - ตัวอย่าง
แทรกภาพจากสถานที่ที่แตกต่างกัน
วิธีการแทรกภาพจากโฟลเดอร์อื่นหรือจากเว็บไซต์อื่น
ให้เชื่อมโยงหลายมิติของภาพ
วิธีการเพิ่มการเชื่อมโยงหลายมิติภาพ
สร้างแผนที่ภาพ
วิธีการสร้างแผนที่ภาพกับภูมิภาคที่สามารถคลิกได้ แต่ละภูมิภาคคือเชื่อมโยงหลายมิติ
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา HTML: HTML รูปภาพ
อ้างอิง HTML DOM: ภาพวัตถุ
สอน CSS: แสดงจัดแต่งทรงผม
ตั้งค่าเริ่มต้น CSS
เบราว์เซอร์ส่วนใหญ่จะแสดง <img> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้: