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

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

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

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

การปรับแต่งตาราง

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

โค้ด

 

ผล

แหล่งอ้าง  สมุดจด อาจารย์ ชัยราวี  ลาผม

               เสาวภาคย์  เอี่ยมเจริญกิจ ม.6/3 

วันที่        10 กันยายน 2555