การแทรกรูปภาพ
รูปแบบโค้ดในการแทรกรูปภาพ
กรณีที่ 1 รูปภาพอยู่ที่เดียวกับไฟล์เว็บเพจ
<img src="x"> โดยที่ "x" คือไฟล์รูปภาพที่ต้องการแสดง เช่น
รูปแบบcode <img src="แตงโม.jpg">
การแสดงผล
กรณีที่ 2 รูปภาพอยู่คนละที่กับไฟล์เว็บเพจ
หากรูปภาพไม่ได้เก็บไว้ที่ path(ตำแหน่ง) เดียวกับเอกสารhtml จะต้องระบุ path ของรูปภาพไว้หน้าไฟล์ด้วย เช่น
รูปแบบcode <img src="sirinad/images/แตงโม.jpg">
การแสดงผล
IMG SRC คือ การอ้างแหล่งที่อยู่ของรูปภาพ ตัวอย่างการใช้ img ร่วมกับ src
code <img src="sirinad/images/lovetangmo.jpg">
การปรับความกว้าง Width
Code <IMG SRC ="ชื่อรูปภาพ" width=ขนาดความกว้าง>
การปรับความสูง Height
Code <IMG SRC ="ชื่อรูปภาพ" height=ขนาดความสูง>
การจัดตำแหน่งภาพ Align
- top กำหนดตำแหน่งให้รูปภาพไปอยู่ด้านบน
- bottom กำหนดตำแหน่งให้รูปภาพไปอยู่ด้านล่าง
- middle',center กำหนดตำแหน่งให้รูปภาพไปอยู่ตรงกลาง
- left กำหนดตำแหน่งให้รูปภาพไปอยู่ด้านซ้าย
- right กำหนดตำแหน่งให้รูปภาพไปอยู่ด้านขวา
Code<center><IMG SRC ="ชื่อรูปภาพ"></center>
ตัวอย่าง Code
<center><IMG SRC ="แตงโม.jpg" width= 100 height=200></center>
การแสดงผล
อ้างอิง http://www.sadung.com/?p=5850
ไม่มีความคิดเห็น:
แสดงความคิดเห็น