การแทรกรูปภาพ
การแทรกภาพ
ไฟล์รูปภาพอยู่ที่เดียวกับเว็บเพจ
คำสั่ง <IMG SRC> (Image Source) เป็นคำสั่งที่ใช้สำหรับใส่รูปภาพลงในเอกสาร HTML โดยที่ไฟล์รูปภาพต่าง ๆ ที่ต้องการนำมาใส่ในเอกสาร HTML นั้น จะต้องถูกเก็บอยู่ในโฟลเดอร์เดียวกันกับเอกสาร HTML เท่านั้น แต่ถ้าอยู่คนละแห่งก็สามารถนำมาใส่ได้ โดยการกำหนดไดร์ฟและโฟลเดอร์ของไฟล์ที่รูปภาพนั้นอยู่ไว้ด้วย มีรูปแบบการใช้คำสั่งดังนี้
<IMG SRC="ชื่อภาพ/นามสกุลไฟล์ภาพ"> เช่น
<IMG SRC="dogy.jpg/gif">
<IMG SRC="dogy.jpg/gif">
ตัวอย่างการใช้คำสั่ง
ผลลัพธ์
ไฟล์ภาพอยู่คนละที่กับเว็บเพจ
<IMG SRC=" ชื่อไฟล์ที่รูปอยู่/ชื่อรูปภาพ.jpg / gif ">
ตัวอย่างการใช้คำสั่ง
ผลลัพธ์
การปรับขนาดรูปภาพ
<IMG SRC="ชื่อภาพ" WIDTH=ขนาดความกว้าง HEIGHT=ขนาดความสูง>
เช่นภาพชื่อ girl.jpg มีขนาดความกว้าง 300 และความสูง 360 จะใช้คำสั่งแสดงภาพเป็น
<IMG SRC="ชื่อภาพ.jpg/gif" WIDTH=300 HEIGHT=360>
ตัวอย่างการใช้คำสั่ง
ผลลัพธ์
การจัดตำแหน่งรูปภาพ
1.กำหนดภาพให้อยู่ทางซ้ายเพิ่มคำสั่ง LEFT ไว้ในคำสั่งแสดงภาพ เช่น
<LEFT><IMG SRC="ชื่อภาพ.jpg" ></LEFT>
ตัวอย่างการใช้คำสั่ง
ผลลัพธ์
2. กำหนดให้ภาพอยู่กึ่งกลางเพิ่มคำสั่ง CENTER ไว้ในคำสั่งแสดงภาพ เช่น
<CENTER><IMG SRC="ชื่อภาพ.jpg" ></CENTER>
ตัวอย่างการใช้คำสั่ง
ผลลัพธ์
3. กำหนดให้ภาพอยู่ทางขวาเพิ่มคำสั่ง RIGHT ไว้ในคำสั่งแสดงภาพ เช่น
<P ALIGN =RIGHT><IMG SRC="ชื่อภาพ.jpg" ></ RIGHT>
ตัวอย่างการใช้คำสั่ง
ผลลัพธ์
ที่มาค่ะ :
https://sites.google.com/site/cirayus/sux-kar-reiyn-ru/5-kar-si-rupphaph-lng-webphec
http://www.yupparaj.ac.th/CAI/32102/image1.html
วันที่ 1 กันยายน 2555
ไม่มีความคิดเห็น:
แสดงความคิดเห็น