SlideShare a Scribd company logo
1 of 4
Images
การแทรกรูปภาพ
การแทรกรูปภาพ
เพื่อเพิ่มความน่าสนใจลงไป ในบางครั้งเพียงแค่สีสันอย่างเดียว
อาจจะไม่พอ จะต้องมีทั้งรูปภาพและภาพเคลื่อนไหว
ประกอบด้วย จึงจะทาให้ Web Page ดูดียิ่งขึ้น
การแทรกรูปภาพ
<img src=”n”> ใช้กาหนดให้แทรกรูปภาพลงในเอกสาร
(รูปภาพใน Web Page จะเรียกว่า “Image” ใช้คาสั่ง <img> โดย
จะมีตัวเลือก “src=n” ร่วมด้วย) โดยที่ n คือ รูปภาพที่ต้องการ
แสดง อาจใช้ร่วมกับคาสั่งต่อไปนี้
Company Logowww.themegallery.com
Company Logowww.themegallery.com
width กำหนดควำมกว้ำงให้กับรูปภำพ มีหน่วยเป็น pixel
height กำหนดควำมสูงให้กับรูปภำพ มีหน่วยเป็น pixel
alt กำหนดให้แสดงคำหรือข้อควำมแทนที่ตรงส่วนที่เป็นรูปภำพ ในกรณีที่กำลังโหลดรูปภำพอยู่
หรือ ไม่สำมำรถโหลดรูปภำพได้
border กำหนดขนำดของเส้นกรอบให้กับรูปภำพ โดยกำหนดขนำด ตั้งแต่ 0 ถึง 10
align กำหนดให้คำ หรือข้อควำมในรูป หรือตัวรูปภำพเองวำงอยู่ในตำแหน่งใดของหน้ำ
1. ALIGN=TOPวำงส่วนบนของรูปภำพ ไว้ที่ baseline ของบรรทัด
2. ALIGN=LEFTวำงตำแหน่งของรูปภำพไว้ที่ด้ำนซ้ำยของเอกสำร
3. ALIGN=RIGHTวำงตำแหน่งของรูปภำพไว้ที่ด้ำนขวำของเอกสำร
4. ALIGN=ABSMIDDLEวำงส่วนกลำงของรูปภำพไว้ที่กลำงบรรทัดของข้อควำม
5. ALIGN=MIDDLEวำงส่วนกลำงของรูปภำพไว้ที baseline ของบรรทัด
6. ALIGN=BOTTOMวำงส่วนล่ำงของรูปภำพไว้ที่ baseline ของบรรทัด
7. ALIGN=ABSBOTTOMวำงส่วนของรูปภำพ ไว้ที่ baseline ของบรรทัด แต่ถ้ำมี subscript
จะวำงไว้ระดับนั้น ซึ่งตั่ำกว่ำ bottom
vspace กำหนดระยะห่ำงในแนวนอน
hspace กำหนดระยะห่ำงในแนวตั้ง
lowsrc ใช้แสดงรูปที่มีควำมละเอียดน้อยก่อนแสดงรูปจริง

More Related Content

More from ssuseraa96d2

ความรู้เบื้องต้นเกี่ยวกับอินเทอร์เน็ต
ความรู้เบื้องต้นเกี่ยวกับอินเทอร์เน็ตความรู้เบื้องต้นเกี่ยวกับอินเทอร์เน็ต
ความรู้เบื้องต้นเกี่ยวกับอินเทอร์เน็ตssuseraa96d2
 
การกำหนดสไตล์ให้กับเอกสาร
การกำหนดสไตล์ให้กับเอกสารการกำหนดสไตล์ให้กับเอกสาร
การกำหนดสไตล์ให้กับเอกสารssuseraa96d2
 
การเชื่อมโยงเอกสาร
การเชื่อมโยงเอกสารการเชื่อมโยงเอกสาร
การเชื่อมโยงเอกสารssuseraa96d2
 
การสร้างฟอร์ม
การสร้างฟอร์มการสร้างฟอร์ม
การสร้างฟอร์มssuseraa96d2
 
การสร้างเฟรม
การสร้างเฟรมการสร้างเฟรม
การสร้างเฟรมssuseraa96d2
 
การสร้างตาราง
การสร้างตารางการสร้างตาราง
การสร้างตารางssuseraa96d2
 
การกำหนดให้ข้อความอยู่ในรูปของรายการ
การกำหนดให้ข้อความอยู่ในรูปของรายการการกำหนดให้ข้อความอยู่ในรูปของรายการ
การกำหนดให้ข้อความอยู่ในรูปของรายการssuseraa96d2
 
การตกแต่งเอกสาร
การตกแต่งเอกสารการตกแต่งเอกสาร
การตกแต่งเอกสารssuseraa96d2
 
เริ่มต้นสร้างเอกสาร HTML
เริ่มต้นสร้างเอกสาร HTMLเริ่มต้นสร้างเอกสาร HTML
เริ่มต้นสร้างเอกสาร HTMLssuseraa96d2
 
ความรู้เบื้องต้นเกี่ยวกับภาษา HTML
ความรู้เบื้องต้นเกี่ยวกับภาษา HTMLความรู้เบื้องต้นเกี่ยวกับภาษา HTML
ความรู้เบื้องต้นเกี่ยวกับภาษา HTMLssuseraa96d2
 
ฮาร์ดแวร์และอุปกรณ์อื่นๆ
ฮาร์ดแวร์และอุปกรณ์อื่นๆฮาร์ดแวร์และอุปกรณ์อื่นๆ
ฮาร์ดแวร์และอุปกรณ์อื่นๆssuseraa96d2
 
การประยุกต์ใช้เทคโนโลยีสารสนเทศ
การประยุกต์ใช้เทคโนโลยีสารสนเทศการประยุกต์ใช้เทคโนโลยีสารสนเทศ
การประยุกต์ใช้เทคโนโลยีสารสนเทศssuseraa96d2
 
ความปลอดภัยและจริยธรรมทางด้านคอมพิวเตอร์
ความปลอดภัยและจริยธรรมทางด้านคอมพิวเตอร์ความปลอดภัยและจริยธรรมทางด้านคอมพิวเตอร์
ความปลอดภัยและจริยธรรมทางด้านคอมพิวเตอร์ssuseraa96d2
 
ไวรัสคอมพิวเตอร์และการป้องกัน
ไวรัสคอมพิวเตอร์และการป้องกันไวรัสคอมพิวเตอร์และการป้องกัน
ไวรัสคอมพิวเตอร์และการป้องกันssuseraa96d2
 
ระบบเครือข่ายอินเทอร์เน็ต
ระบบเครือข่ายอินเทอร์เน็ตระบบเครือข่ายอินเทอร์เน็ต
ระบบเครือข่ายอินเทอร์เน็ตssuseraa96d2
 
ระบบ Linux
ระบบ Linuxระบบ Linux
ระบบ Linuxssuseraa96d2
 
ระบบ Windows
ระบบ Windowsระบบ Windows
ระบบ Windowsssuseraa96d2
 
ระบบ MS-DOS
ระบบ MS-DOSระบบ MS-DOS
ระบบ MS-DOSssuseraa96d2
 
ระบบปฏิบัติการ
ระบบปฏิบัติการระบบปฏิบัติการ
ระบบปฏิบัติการssuseraa96d2
 

More from ssuseraa96d2 (20)

ความรู้เบื้องต้นเกี่ยวกับอินเทอร์เน็ต
ความรู้เบื้องต้นเกี่ยวกับอินเทอร์เน็ตความรู้เบื้องต้นเกี่ยวกับอินเทอร์เน็ต
ความรู้เบื้องต้นเกี่ยวกับอินเทอร์เน็ต
 
การกำหนดสไตล์ให้กับเอกสาร
การกำหนดสไตล์ให้กับเอกสารการกำหนดสไตล์ให้กับเอกสาร
การกำหนดสไตล์ให้กับเอกสาร
 
การเชื่อมโยงเอกสาร
การเชื่อมโยงเอกสารการเชื่อมโยงเอกสาร
การเชื่อมโยงเอกสาร
 
การสร้างฟอร์ม
การสร้างฟอร์มการสร้างฟอร์ม
การสร้างฟอร์ม
 
การสร้างเฟรม
การสร้างเฟรมการสร้างเฟรม
การสร้างเฟรม
 
การสร้างตาราง
การสร้างตารางการสร้างตาราง
การสร้างตาราง
 
การกำหนดให้ข้อความอยู่ในรูปของรายการ
การกำหนดให้ข้อความอยู่ในรูปของรายการการกำหนดให้ข้อความอยู่ในรูปของรายการ
การกำหนดให้ข้อความอยู่ในรูปของรายการ
 
การตกแต่งเอกสาร
การตกแต่งเอกสารการตกแต่งเอกสาร
การตกแต่งเอกสาร
 
เริ่มต้นสร้างเอกสาร HTML
เริ่มต้นสร้างเอกสาร HTMLเริ่มต้นสร้างเอกสาร HTML
เริ่มต้นสร้างเอกสาร HTML
 
ความรู้เบื้องต้นเกี่ยวกับภาษา HTML
ความรู้เบื้องต้นเกี่ยวกับภาษา HTMLความรู้เบื้องต้นเกี่ยวกับภาษา HTML
ความรู้เบื้องต้นเกี่ยวกับภาษา HTML
 
ฮาร์ดแวร์และอุปกรณ์อื่นๆ
ฮาร์ดแวร์และอุปกรณ์อื่นๆฮาร์ดแวร์และอุปกรณ์อื่นๆ
ฮาร์ดแวร์และอุปกรณ์อื่นๆ
 
การประยุกต์ใช้เทคโนโลยีสารสนเทศ
การประยุกต์ใช้เทคโนโลยีสารสนเทศการประยุกต์ใช้เทคโนโลยีสารสนเทศ
การประยุกต์ใช้เทคโนโลยีสารสนเทศ
 
ความปลอดภัยและจริยธรรมทางด้านคอมพิวเตอร์
ความปลอดภัยและจริยธรรมทางด้านคอมพิวเตอร์ความปลอดภัยและจริยธรรมทางด้านคอมพิวเตอร์
ความปลอดภัยและจริยธรรมทางด้านคอมพิวเตอร์
 
ไวรัสคอมพิวเตอร์และการป้องกัน
ไวรัสคอมพิวเตอร์และการป้องกันไวรัสคอมพิวเตอร์และการป้องกัน
ไวรัสคอมพิวเตอร์และการป้องกัน
 
ระบบเครือข่ายอินเทอร์เน็ต
ระบบเครือข่ายอินเทอร์เน็ตระบบเครือข่ายอินเทอร์เน็ต
ระบบเครือข่ายอินเทอร์เน็ต
 
ระบบ Linux
ระบบ Linuxระบบ Linux
ระบบ Linux
 
ระบบ UNIX
ระบบ UNIXระบบ UNIX
ระบบ UNIX
 
ระบบ Windows
ระบบ Windowsระบบ Windows
ระบบ Windows
 
ระบบ MS-DOS
ระบบ MS-DOSระบบ MS-DOS
ระบบ MS-DOS
 
ระบบปฏิบัติการ
ระบบปฏิบัติการระบบปฏิบัติการ
ระบบปฏิบัติการ
 

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