การสร้างตาราง

                                 - TABLE ระบุสิ่งที่อยู่ภายใน <table> และ </table> ว่าจะอยู่ในตาราง

                                 - TR ระบุสิ่งที่อยู่ภายใน <tr> และ </tr> ว่าจะอยู่ในแถวเดียวกัน

                                 - TD ระบุสิ่งที่อยู่ภายใน <td> และ </td> ว่าจะอยู่ในเซลล์เดียวกัน

     1. ALIGN    = "ตำแหน่งของตาราง"            

                     [จะใช้คำว่า left , right หรือ center]

     2.  BORDER = "ขนาดของเส้นขอบตาราง"     

                    [ เส้นของของตารางมีค่าได้ตั้งแต่ ศูนย์ ขึ้นไป ]

     3. WIDTH   = "ขนาดความกว้างของตาราง"  

                   [ค่าความกว้างของตาราง จะอยู่ในรูปเปอร์เซ็นต์ของขนาดพื้นที่มีโปรแกรม Web browser]

     4. การรวมเซลล์ คือ

               -   rowspan  คือ การรวมแถว

                     Tag : <td rowspan = "จำนวนแถวที่ต้องการรวม">...ข้อความ...</td>

               -  colspan   คือ การรวมคอลัมน์

                     Tag : <td colspan = "จำนวนคอลัมน์ที่ต้องการรวม">...ข้อความ...</td>

          5. การใส่สีให้กรอบตาราง จะใช้คำว่า '' bordercolor ''

                     Tag : <table border = "ขนาดเส้นขอบตาราง" bordercolor = "สี">

          6. การใส่สีให้กับพื้นหลังตาราง จะใช้คำว่า "ฺ bgcolor "

                     Tag : <table border = "ขนาดเส้นขอบตาราง" bgcolor = "สี">

            หรือ ถ้าจะใส่ให้กับตารางแค่แถวเดียวให้แทรกตรง tr ของแถวนั้น  

                     Tag : <tr bgcolor = "สี"><td>...ข้อความ...</td></tr> 

            หรือ ถ้าจะใสแค่ช่องเดียวให้แทรกใน td ของข้อความนั้น  

                     Tag : <td bgcolor = "สี">...ข้อความ...</td>

         7. การแทรกรูปภาพลงในตาราง 

                     Tag : <td><img src = "Pathของรูปภาพ/ชื่อรูปภาพ.นามสกุล"></td> 

ตัวอย่าง

แหล่งอ้างอิง

  สมุด อ.ชัยราวี  ลาผม

วันที่30 สิงหาคม 2555 22.19