วันอาทิตย์ที่ 8 กันยายน พ.ศ. 2556

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

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


การทำเว็บเพจในหนึ่งหน้า นอกจากจะมีข้อความแล้วยังต้องประกอบด้วยรูปภาพ เพื่อเพิ่มความน่าสนใจ ให้กับเว็บเพจ นอกจากนี้แล้วรูปภาพยังสามารถสื่อความหมายได้ชัดเจนกว่าข้อความ ดังคำกล่าวที่ว่า "หนึ่งภาพแทนพันตัวอักษร" การใส่รูปภาพในเอกสาร HTML นั้นจะต้องเตรียมรูปภาพไว้ก่อน โดยใช้แท็ก (Tag) สำหรับแสดงผลรูปภาพดังนี้


➤กรณีที่ 1 รูปภาพอยู่ที่เดียวกับไฟล์เว็บเพจ
<img src = "ชื่อภาพ.นามสกุลไฟล์"> 



กรณีที่ 2 รูปภาพอยู่คนละที่กับไฟล์เว็บเพจ
<img src = "ชื่อเส้นทาง (Path)\ชื่อภาพ.นามสกุลไฟล์">



การปรับขนาด
ความกว้าง width="ตัวเลขระบุความกว้าง (หน่วยเป็น Pixels)
ความสูง height="ตัวเลขระบุความสูง (หน่วยเป็น Pixels)
<img src = "ชื่อภาพ.นามสกุลไฟล์" width="200" height="150" >



การกำหนดรูปภาพ
left จัดวางข้อความทางด้านซ้าย ซึ่งเป็นค่าปกติ
center จัดวางข้อความตรงกลาง
right จัดวางข้อความทางด้านขวา







ไม่มีความคิดเห็น:

แสดงความคิดเห็น