วันอังคารที่ 7 เมษายน พ.ศ. 2558

คำสั่งเเทรกรูปภาพ

การแทรกภาพ

   ตามปกติภาพที่จะใช้แสดงในเว็บเพจ นิยมใช้ภาพที่มีชื่อสกุลของภาพเป็น .JPG หรือ .GIF เพราะเป็นไฟล์ภาพที่มีขนาดเล็ก สามารถแสดงผลได้รวดเร็ว จึงไม่ต้องเสียเวลาในการรอให้ภาพปรากฏนานเกินไปการแทรกภาพใช้คำสั่งดังนี้

คำสั่งแทรกรูปภาพ

<img src="ชื่อภาพ" width=ขนาดความกว้าง height=ขนาดความสูง> 

<img src="girl.jpg" width=80 height=100> 

หรือในกรณีที่ต้องการแสดงภาพที่มีขนาดเท่ากับต้นฉบับ ก็จะใช้คำสั่งเพียงสั้น ๆ ดังนี้
 
<img src ="ชื่อภาพ"> เช่น <img src="girl.jpg"> 

คำสั่งที่ใช้ประกอบกับคำสั่งแสดงภาพ 

1. กำหนดให้ภาพอยู่ทางซ้ายและข้อความ(ที่ตามมา) อยู่ทางขวา เพิ่มคำสั่ง ALIGN=LEFT ไว้ในคำสั่งแสดงภาพ เช่น 
<IMG SRC="boy.jpg" ALIGN=LEFT> 

2. กำหนดให้ภาพอยู่ทางขวาและข้อความ(ที่ตามมา) อยู่ทางซ้าย เพิ่มคำสั่ง ALIGN=RIGHT ไว้ในคำสั่งแสดงภาพ เช่น 
<IMG SRC="boy.jpg" ALIGN=RIGHT> 

3. กำหนดขนาดของช่องว่างระหว่างภาพกับข้อความ(ที่ล้อมรอบ) ในแนวนอน ใช้คำสั่ง HSPACE=ค่าตัวเลข(pixel) เช่น 
<IMG SRC="boy.jpg" HSPACE=20> 

4. กำหนดขนาดของช่องว่างระหว่างภาพกับข้อความ(ที่ล้อมรอบ) ในแนวดิ่ง ใช้คำสั่ง VSPACE=ค่าตัวเลข(pixel) เช่น 
<IMG SRC="boy.jpg" VSPACE=20> 5. สามารถเขียนคำสั่งในข้อ 1-4 ประกอบกันได้ เช่น <IMG SRC="boy.jpg" ALIGN=RIGHT VSPACE=20>












ไม่มีความคิดเห็น:

แสดงความคิดเห็น