Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

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


สามารถแทรกรูปภาพได้อย่างง่ายดายที่ส่วนใดก็ได้ในหน้า HTML ในการแทรกรูปภาพในหน้า HTML ให้ใช้แท็ก เป็นแท็กว่าง มีเพียงแอตทริบิวต์เนื่องจากไม่ต้องการแท็กปิด

โปรดจำไว้ว่าคุณควรใช้แท็ก ภายในแท็ก … แอตทริบิวต์ src ใช้เพื่อเพิ่มแหล่งที่มาของรูปภาพ เช่น URL ของรูปภาพ แอตทริบิวต์ alt ใช้สำหรับเพิ่มข้อความแสดงแทน ความกว้างสำหรับเพิ่มความกว้าง และความสูงสำหรับเพิ่มความสูงของรูปภาพ

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

ตัวอย่าง

คุณสามารถลองใช้โค้ดต่อไปนี้เพื่อแทรกรูปภาพในหน้า 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>

ผลลัพธ์

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