วันอังคารที่ 14 สิงหาคม พ.ศ. 2555



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


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


รูปภาพ



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

<IMG SRC="boy.jpg">


ตัวอย่าง



ผลลัพธ์



     กรณีที่ต้องการกำหนดขนาดรูปภาพ จะใช้<IMG SRC="ชื่อภาพ" WIDTH=ขนาดความกว้าง HEIGHT=ขนาดความสูง>
เช่นภาพชื่อ girl.jpg มีขนาดความกว้าง 80 และความสูง 100 จะใช้คำสั่งแสดงภาพเป็น

<IMG SRC="boy.jpg" WIDTH=80 HEIGHT=100> 

ตัวอย่าง


ผลลัพธ์



     กำหนดให้ภาพอยู่ทางซ้าย  เพิ่มคำสั่ง <RIGHT >...</RIGHT>ไว้ในคำสั่งแสดงภาพ เช่น
<RIGHT><IMG SRC="boy.jpg"></RIGHT>

ตัวอย่าง


ผลลัพธ์




     กำหนดให้ภาพอยู่ทางซ้าย  เพิ่มคำสั่ง <CENTER>...</CENTER>ไว้ในคำสั่งแสดงภาพ เช่น
<CENTER><IMG SRC="boy.jpg"></CENTER>

ตัวอย่าง


ผลลัพธ์


     กำหนดให้ภาพเป็นพื้นหลัง เพิ่มคำสั่ง  <BODY BACKGROUND="..."> ไว้ในคำสั่งแสดงภาพ เช่น
<BODY BACKGROUND="boy.jpg">

ตัวอย่าง




ผลลัพธ์


แหล่งที่มา :  http://www.yupparaj.ac.th/CAI/32102/image1.html
                          
ลงวันที่      : 13 สิงหาคม 2555

ขอบคุณครับ :))