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