การสร้างตาราง
- 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
