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

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

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