การแทรกตาราง

การแทรกตาราง มีรูปแบบโค้ดในการสร้าง ดังนี้

1. table ใช้ในการสร้างตาราง <table> ... </table> 
                                            
              ( *border = 3 คือการกำหนดใส่เส้นขอบตาราง )


2. tr ใ้ช้กำหนดแถวในกับตาราง <tr> .... </tr>

              ( แท็กนี้อยู่ภายในแท็กของ <table> ... </table> )

3. td ใช้กำหนดจำนวนคอลัมน์ <td> ... </td>

               (แท็กนี้อยู่ภายในแท็กของ <tr> .... </tr> ) 


ex. 

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

การปรับความกว้าง

 width =  ....      ใช้ในการกำหนดความกว้างของตาราง

            (... กำหนดความกว้าง)

ex.

 

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

การปรับความสูง

Height = ...   ใช้ในการกำหนดความสูงของตาราง 

             (... กำหนดความสูง)

ex. 

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

การจัดตำแหน่งตาราง

align ... ใช้จัดตำแหน่งตาราง
        ( ... กำหนดตำแหน่ง)

• การจัดตำแหน่งซ้าย align="left"

ex.

• การจัดตำแหน่งกลาง align="center"

ex. 

• การจัดตำแหน่งขวา align="right"

ex.

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

การรวมเซลล์

• rowspan= ... ใช้กำหนดการรวมคอลัมน์ในแนวตั้งเข้าด้วยกัน  ( merge cell )

            ( ... ใช้กำหนดการรวมแถวเข้าด้วยกัน)

ex.

• colspan ... ใช้กำหนด การรวมคอลัมน์ในแนวนอนเข้าด้วยกัน ( merge cell )

             ( ... ใช้กำหนดการรวมคอลัมน์เข้าด้วยกัน )

ex.

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

ขอบคุณ.
http://code.function.in.th/html/table

1/9/55

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

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

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

     * กรณีที่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