วิธีแทรกภาพในหน้า HTML

สามารถแทรกภาพได้ง่ายที่ส่วนใดส่วนหนึ่งในหน้า HTML เพื่อแทรกภาพในหน้า HTML ใช้แท็ก <img> เป็น empty tag ที่มีแต่ attributes เนื่องจากไม่ต้องการ closing tag

จำไว้ว่า ควรใช้แท็ก <img> ภายในแท็ก <body>...</body> attribute src ใช้ระบุแหล่งที่มาของภาพ (URL) attribute alt สำหรับข้อความทางเลือก width สำหรับความกว้าง และ height สำหรับความสูงของภาพ

ตัวอย่าง

<!DOCTYPE html> 
<html> 
  <head> 
    <title>HTML img Tag</title> 
  </head> 
  <body> 
    <img src="https://www.tutorialspoint.com/html/images/test.png" alt="Simply Easy Learning" width="200" height="80"> 
  </body> 
</html>

ผลลัพธ์