ครูจิตติพัญญ์: คำสั่ง HTML คำสั่ง IMG (เกี่ยวกับรูปภาพ)

คำสั่ง HTML

คำสั่ง IMG การใส่รูปภาพ
คำสั่ง Background (ใส่ภาพพื้นหลัง)

ความหมายและชนิดของแฟ้มภาพ

การใส่รูปภาพลงในเว็บเพจ เป็นอีกวิธีหนึ่งที่จะทำให้เว็บเพจดูสวยงามขึ้น โดยนำรูปภาพมาใส่ในเว็บเพจร่วมกับข้อความได้ แต่ขอแนะนำว่าหากต้องการที่จะใส่รุปภาพใดในเว็บเพจให้ทำการคัดลอกรูปภาพนั้นมาเก็บไว้ในโฟล์เดอร์เดียวกับเว็บเพจเสียก่อนเพื่อให้ง่ายต่อการจัดการและการเคลื่อนย้าย ส่วนภาพที่นำมาใส่ในเอกสารควรมีขนาดของไฟล์ภาพไม่เกิน 40 kb เพราะถ้าใหญ่เกินกว่านี้จะทำให้การโหลดข้อมูลช้า ทำให้ผู้เข้ามาดูเว็บเพจต้องคอยนาน รูปภาพที่นิยมนำมาลงในหน้าเว็บเพจจะมีอยู่ 2 ชนิด คือ

1. รูปภาพชนิด Graphics Interchange Format (GIF) เป็นไฟล์รูปภาพที่มีการบีบข้อมูลทำให้ประหยัดเนื้อที่ สามารถแสดงความละเอียดของภาพได้สูงสุด 256 สี ส่วนมากจะเป็นพวกรูปภาพการ์ตูนต่าง ๆ ที่ไม่ต้องการความละเอียดของภาพมากนัก
2. รูปภาพชนิด Joint Photographic Experts Group (JPEG หรือ JPG) เป็นไฟล์รูปภาพที่มีการบีบข้อมูลเหมือนกัน ทำให้ไฟล์มีขนาดเล็กแต่ไฟล์รูปแบบ JPG จะสามารถแสดงความละเอียดของสีได้สูงถึง 16 ล้านสี ซึ่งจะทำให้ภาพมีความคมชัดมากกว่า ส่วนมากจะใช้กับพวกภาพถ่ายต่าง ๆ

คำสั่งที่ใช้ในการใส่แฟ้มภาพลงเว็บเพจ (Web Page)

คำสั่ง <IMG SRC> (Image Source) เป็นคำสั่งที่ใช้สำหรับใส่รูปภาพลงในเอกสาร HTML โดยที่ไฟล์รูปภาพต่าง ๆ ที่ต้องการนำมาใส่ในเอกสาร HTML นั้น จะต้องถูกเก็บอยู่ในโฟลเดอร์เดียวกันกับเอกสาร HTML เท่านั้น แต่ถ้าอยู่คนละแห่งก็สามารถนำมาใส่ได้ โดยการกำหนดไดร์ฟและโฟลเดอร์ของไฟล์ที่รูปภาพนั้นอยู่ไว้ด้วย มีรูปแบบการใช้คำสั่งดังนี้

ตัวอย่างที่ 1 <img src="ที่อยู่ภายในเครื่องของรูป\ชื่อรูปภาพ .gif หรือ .jpg">

ตัวอย่างที่ 2 <img src="urlของรูปภาพ .gif หรือ .jpg">

..........................................................................................................................................

คำสั่งที่ใช้ในการนำแฟ้มภาพมาทำเป็นภาพพื้นหลังของเว็บเพจ (Web Page)