ปรับขนาดรูป HTML ปรับรูปให้ใหญ่ขึ้น หรือเล็กลง

ปรับขนาดรูป HTML ปรับรูปให้ใหญ่ขึ้น หรือเล็กลง บทความนี้สอนการปรับขนาดรูปด้วยคำสั่ง HTML คือ width เป็นการปรับความกว้างของรูป และ height เป็นการปรับความสูงของรูปภาพตามที่ต้องการ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง ปรับขนาดรูป HTML ปรับรูปให้ใหญ่ขึ้น หรือเล็กลง

<img src="https://www.devdit.com/chmod/post/images/010625651157.jpg" width="50px" height="50px">

ปรับขนาดรูป HTML จากตัวอย่างโค้ดใช้แท็ก img โหลดรูปภาพด้วย URL ที่ต้องการจากนั้นใช้คำสั่ง width และ height สำหรับปรับรูปให้ใหญ่ขึ้น หรือเล็กลง จากโค้ดกำหนด width="50px" คือ กำหนดให้รูปภาพกว้าง 50px ส่วน height="50px" คือ กำหนดให้รูปภาพสูง 50px แนะนำให้ลองเปลี่ยนตัวเลขทั้ง 2 เป็นขนาดของรูปภาพตามที่ต้องการ