วันจันทร์ที่ 13 สิงหาคม พ.ศ. 2555

การแทรกภาพ

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

การแทรกภาพใช้คำสั่งดังนี้
กรณีที่ 1 รูปภาพอยู่ที่เดียวกับไฟล์เว็บเพจ

<img src = "..ใส่ URL ของรูปนั้นๆ…">

กรณีที่ 2 รูปภาพอยู่คนละที่กับไฟล์เว็บเพจ
   หากไฟล์รูปภาพไม่ได้เก็บไว้ที่ path (ตำแหน่ง) เดียวกับเอกสาร html จะต้องระบุ path ของรูปภาพไว้หน้าไฟล์ เช่น

<img src = "http://facstaff.swu.ac.th/sasivimo/imges/mypic01.jpg">


แล้วบันทึกไว้ที่เดียวกับรูปภาพ


ผล

 


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

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

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

<IMG SRC="ชื่อภาพ"> เช่น
<IMG SRC="girl.jpg">

   การกำหนดรูปภาพอยู่ตรงกลาง

<CENTER>IMG SRC ="ชื่อไฟล์รูปภาพ"></CENTER>


ตัวอย่าง



ผลลัพธ์





แหล่งที่มา :
http://www.bloggang.com/viewdiary.php?id=kluaytub&month=10-2007&group=5&date=10&gblog=2
http://www.bkk2.in.th/Topic.aspx?TopicID=7181
สมุดจดอ.ชัยราวี


14/08/55   19:02

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

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