<< back
บทที่ 7 การใส่รูปภาพลงใน Web Page
รูปแบบและการจัดเก็บ
รูปภาพที่จะใส่ใน Web Page ได้นั้น ต้องเป็นไฟล์ gif, jpg, xbm (ใช้ในระบบ UNIX) tif (ส่วนใหญ่ไม่นิยมใช้)
การใส่รูปภาพลงใน Web Page
การใส่รูปภาพเพื่อการแสดงนั้น ให้ใช้คำสั่ง <IMG SRC-ไฟล์รูปภาพ> เป็นตัวกำหนดรูปภาพที่ต้องการ ไฟล์รูปภาพควรเป็นไฟล์ชนิด GIF หรือ JPEG เพราะโปรแกรม Web Browser ส่วนใหญ่สนับสนุนไฟล์ทั้ง 2 ชนิดนี้
นอกจากนี้เราสามารถเพิ่มส่วนขยายให้กับคำสั่งได้ดังนี้
- Alt ข้อความ : ใช้กำหนดคำอธิบายของรูปภาพที่นำมาแสดงบนจอภาพ
- Align=left/right/top/middle/baseline : กำหนดตำแหน่งของการแสดงรูป
HTML กำหนดตำแหน่งของการแสดงผลได้ 2 แบบ ดังนี้
1.แบบแนวนอน ประกอบไปด้วยตำแหน่ง ซ้าย (left) และขวา (right)
2.แบบแนวตั้ง ประกอบไปด้วยตำแหน่งต่างๆ 3 ระดับ ดังนี้
เสมอบน มี 2 คำสั่ง คือ top และ texttop
กึ่งกลาง มี 2 คำสั่ง คือ middle และ absmiddle
เสมอล่าง มี 3 คำสั่ง คือ baseline,bottom และ absbottom
ส่วนขยาย align ไม่สามารถกำหนดให้รูปปรากฎยังกึ่งกลางของจอภาพได้ แต่ถ้าต้องการจะให้ไปปรากฏยังจุดดังกล่าวให้ใช้คำสั่ง <CENTER>...</CENTER>
- Width=number : กำหนดความกว้างของรูปภาพ
- Height=number : กำหนดความสูงของรูปภาพ
ถ้าต้องการให้ภาพที่แสดงมีขนาดเล็กลงหรือใหญ่ขึ้นตามอัตราส่วนที่ถูกต้องแล้ว ให้กำหนดความกว้างของรูปภาพเป็นจำนวนเปอร์เซ็นต์ของจอภาพเพียงอย่างเดียว เช่น width=50% ภาพที่ได้ก็จะมีสัดส่วนเหมาะสมตามขนาดที่กำหนดลงไป
- Border=n : กำหนดขนาดกรอบของรูปภาพ ปกติ n จะมีค่าเป็น 0 ตัวเลข n ยิ่งมากความหนาของกรอบรูปภาพก็ยิ่งมากขึ้นตามลำดับ
- Vspace=n hspace=n : ปกติรูปภาพที่ใช้แสดงผล จะถูกวางตำแหน่งให้ชิดติดกันกับภาพ หรือข้อความที่ปรากฏอยู่ใกล้เคียง หากต้องการเพิ่มระยะห่างดังกล่าวนี้ ทำได้โดยใช้ส่วนขยาย vspace สำหรับระยะห่างด้านบน-ล่าง และ hspace สำหรับระยะห่างด้านซ้าย-ขวา
การแสดงภาพฉากหลัง (background)
เราสามารถกำหนดฉากหลังให้เป็นรูปภาพได้ โดยเพิ่มส่วนขยาย background= ไฟล์รูปภาพ ลงในคำสั่ง <BODY>
