การแทรกรูปภาพ
รูปแบบแท็กการใส่รูปภาพ <img src = "ชื่อภาพ">
รูปแบบการใส่รูปภาพ
<html>
<head><title> ....การใส่รูปภาพ....</title></head>
<body>
<img src = "lilies.jpg">
</body>
</html>
*กรณีถ้ารูปอยู่ในโฟล์เดอร์เดียวกับเว็บเพจ ให้ใส่ชื่อไฟล์
สำหรับแท็กการใส่รูปภาพ สามารถมี Attribute กำกับเพิ่มเติมได้้ ไม่ว่าจะเป็นขนาดความกว้าง ความสูงของรูปภาพว่าเราต้องการให้แสดงขนาดกว้างและสูง เท่าไหร่ ซึ่งหากเราไม่ได้ระบุภาพจะมีขนาดเท่าขนาดของภาพต้นฉบับ นอกจากนี้เรายังสามารถใส่ขอบของภาพได้ด้วย ซึ่ง Attribute มีดังนี้
ความกว้าง width="ตัวเลขระบุความกว้าง"
ความสูง height="ตัวเลขระบุความสูง"
เส้นขอบ border="ตัวเลขระบุความหนาของเส้นขอบ"
ตัวอย่าง <img src = "lilies.jpg" width="200" height="150" border="1">
จากตัวอย่าง จะแสดงภาพขนาด 200x150 px. (หน่วยการแสดงผลภาพ แสดงเป็น Pixels) และมีขอบ หากไม่ต้องการให้แสดงเส้นขอบให้กำหนด border="0" (หากต้องการใ้ห้ขอบมีความหนามาก ระบุตัวเลขให้มาก
อ้างอิง
ไม่มีความคิดเห็น:
แสดงความคิดเห็น