HTML ใส่รูปไม่ขึ้น รูปภาพไม่แสดง

HTML ใส่รูปไม่ขึ้น รูปภาพไม่แสดง บทความนี้แนะนำสาเหตุการเขียนเว็บไซต์ การใส่รูปภาพด้วยแท็ก img ร่วมกับ attribute src แต่รูปภาพไม่แสดงตามที่ต้องการ ซึ่งอาจเป็นไปได้หลายสาเหตุ มีรายละเอียด และวิธีการแก้ไขดังนี้

ตัวอย่าง HTML ใส่รูปไม่ขึ้น รูปภาพไม่แสดง

1. เขียนคำสั่ง HTML ผิด การใส่รูปภาพ แทรกรูปภาพบนหน้าเว็บไซต์จะใช้แท็ก img พร้อมกับ attribute src และตามด้วยที่อยู่ของรูปภาพ

<img src="https://www.devdit.com/favicon-16x16.png">

2. ที่อยู่ของรูปภาพผิด หรือชื่อไฟล์ของรูปภาพผิด หรือนามสกุลของรูปภาพไม่ถูกต้อง ให้ดำเนินการตรวจสอบทั้ง 3 อย่างว่าถูกต้องหรือไม่

<img src="https:\\www.devdit.com\favicon-16x16.jpg">
<-- ผิดเพราะรูปภาพ favicon-16x16.jpg ไม่มี มีแต่ favicon-16x16.png -->

3. กรณีรูปภาพดังกล่าวโหลดจากลิงก์ภายนอก คือไฟล์รูปภาพไม่ได้เก็บไว้ที่เว็บไซต์ของตัวเอง ให้ตรวจสอบว่าลิงก์ดังกล่าวสามารถใช้งานได้หรือไม่