สามารถแทรกรูปภาพได้อย่างง่ายดายที่ส่วนใดก็ได้ในหน้า HTML ในการแทรกรูปภาพในหน้า HTML ให้ใช้แท็ก เป็นแท็กว่าง มีเพียงแอตทริบิวต์เนื่องจากไม่ต้องการแท็กปิด
โปรดจำไว้ว่าคุณควรใช้แท็ก ภายในแท็ก
… แอตทริบิวต์ src ใช้เพื่อเพิ่มแหล่งที่มาของรูปภาพ เช่น URL ของรูปภาพ แอตทริบิวต์ alt ใช้สำหรับเพิ่มข้อความแสดงแทน ความกว้างสำหรับเพิ่มความกว้าง และความสูงสำหรับเพิ่มความสูงของรูปภาพ
ตัวอย่าง
คุณสามารถลองใช้โค้ดต่อไปนี้เพื่อแทรกรูปภาพในหน้า HTML -
<!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>
ผลลัพธ์