การแทรกรูปภาพ
การใส่รูปภาพ
1. ระบุด้วย Tag img
รูปแบบคำสั่ง
<img
src=”x”> โดยที่ x คือ
ไฟล์รูปภาพที่เราต้องการ
***หากไฟล์รูปภาพไม่ได้เก็บไว้ที่ Path
(ตำแหน่ง) เดียวกับเอกสาร HTML จะต้องระบุ Path ของรูปไว้หน้าไฟล์ด้วย เช่น <img src=”my web/images/kong.jpg”>
ตัวอย่างโค้ด
ผลที่ได้
การปรับขนาดรูปภาพ
รูปแบบคำสั่ง <img src=”ชื่อภาพ” width=”ขนาดความกว้าง” height=”ขนาดความยาว”>
ตัวอย่างโค้ด
ผลที่ได้
การจัดตำแหน่งรูปภาพ
1. ALIGN=LEFT กำหนดให้รูปภาพอยู่ทางด้านซ้ายของข้อความ
<LEFT><IMG SRC="ชื่อภาพ.jpg" ></LEFT>
ตัวอย่างโค้ด
ผลที่ได้
2. ALIGN=RIGHT กำหนดให้รูปภาพอยู่กึ่งกลางของข้อความ
<CENTER><IMG SRC="ชื่อภาพ.jpg" ></CENTER>
ตัวอย่างโค้ด
ผลที่ได้
3. ALIGN=RIGHT กำหนดให้รูปภาพอยู่ทางด้านขวาของข้อความ
<P ALIGN =RIGHT><IMG SRC="ชื่อภาพ.jpg" ></ RIGHT>
ตัวอย่างโค้ด
ผลที่ได้
อ้างอิง: สมุดจดวิชาคอมพิวเตอร์
13/09/13
ไม่มีความคิดเห็น:
แสดงความคิดเห็น