html: การแทรกรูปภาพ

การแทรกรูปภาพ

การแทรกรูปภาพนั้นสามารถทำได้โดยระบุแท็ก ได้ดังนี้

<img src="..."> โดยที่ข้อความในเครื่องหมายคำพูดจะต้องเป็นชื่อไฟล์รูปภาพ

นามสกุลของภาพใช้ jpg jpge gif ดังนี้

หน้าจอแสดงผล

การจัดตำแหน่งของรูปภาพ

สามารถใส่โค้ดได้ดั้งนี้

<left><img src="......"></left> การจัดแบบชิดซ้าย

<center><img src="......"></center> การจัดแบบกึ่งกลาง

<right><img src="......"></right> การจัดแบบชิดขวา

สามารถทำตามภาพได้ดังนี้

การแทรกรูปภาพแบบชิดซ้าย

ผลลัพธ์ที่ได้

การแทรกรูปภาพแบบกึ่งกลาง

ผลลัพธ์ที่ได้

การแทรกรูปภาพแบบชิดขวา

ผลลัพธ์ที่ได้

การปรับขนาดรูปภาพ

สามารถใส่โค้ดได้ดังนี้

<img src="....."width=(ขนาดความกว้างของรูป)height=(ขนาดความสูงของรูปภาพ)>

รูปภาพขนาดต่างจะเป็บรูปแบบ pixle

สามารถทำได้ตามภาพดังนี้

ตัวอย่าง