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

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

• รูปแบบโค้ดในการแทรกรูปภาพ

     * กรณีที่1. รูปภาพอยู่ที่เดียวกับไฟล์เว็บเพจ

                              <img src="ชื่อไฟล์ . นามสกุล">

ตัวอย่าง

     * กรณีที่2. รูปภาพอยู่คนละที่กับไฟล์เว็บเพจ

                           <img src="ที่อยู่ไฟล์/ชื่อไฟล์.นามสกุล">

ตัวอย่าง

------------------------------------------------------------------------------------------

• คำอธิบาย tag - img src

                ใน HTML, ภาพมีการกำหนดด้วยแท็ก แท็กคือว่างเปล่าซึ่งหมายความว่าจะมีลักษณะเฉพาะและมีแท็กปิดไม่มี เมื่อต้องการแสดงภาพบนหน้าคุณจะต้องใช้คุณลักษณะ src 

Src ย่อมาจาก "ต้นฉบับ" ค่าของแอททริบิ src คือ URL ของภาพที่คุณต้องการแสดง

---------------------------------------------------------------------------------------

• การปรับขนาดของภาพ

ความกว้าง และ  ความสูง
                                       
                               <img src="ชื่อภาพ" height=XX width=XX>

ตัวอย่าง

------------------------------------------------------------------------------------------

• การปรับตำแหน่งรูปภาพ

 การจัดชิดซ้าย

                    

                            <img src="ชื่อภาพ.นามสกุล="left"> 

ตัวอย่าง

  

การจัดกลางหน้า

                  <center><img src="ชื่อภาพ.นามสกุลของภาพ"></center> 

ตัวอย่าง

 

การจัดชิดขวา

                    <img src="ชื่อภาพ.นามสกุลของภาพ"align=right>
ตัวอย่าง

 

ข้อมูลอ้่างอิง

http://www.w3schools.com/html/html_images.asp

17/8/55