การใส่รูปภาพตกแต่งเว็บให้สวยงาม ในภาษา HTML
เว็บไซต์ที่มีข้อความอย่างเดียวนั้นไม่น่าสนใจเท่าไรนัก การมีรูปภาพให้เห็นกันในหน้าเว็บเพจจึงเป็นวิธีหนึ่งที่ช่วยตกแต่งให้เว็บเพจของเราดูน่าสนใจมากขึ้น นอกจากนี้รูปภาพยังช่วยให้การนำเสนอข้อมูลที่มีเนื้อหาเกี่ยวกับการอธิบายเรื่องราวเป็นไปได้โดยง่ายดายด้วย แท็กที่ใช้แสดงรูปภาพในภาษา HTML ก็คือ <img>
ลักษณะของแท็ก img ในภาษา HTML
ตัวอย่างต่อไปนี้ จะเป็นขั้นตอนการใส่รูปภาพ Notebook ลงในเว็บเพจ
-
ใส่ <img> เพื่อกำหนดตำแหน่งของการแสดงรูปภาพที่ต้องการ โดยเราจะพิมพ์ <img> ไว้ระหว่าง <body>….</body>
-
กำหนดชื่อไฟล์รูปภาพที่ต้องการ ให้กับแอตทริบิวต์ src (ตัวอย่างนี้ ไฟล์ html กับ รูปภาพอยู่ใน directory เดียวกัน)
-
Save เป็นไฟล์นามสกุล .html