Tag ที่เกี่ยวข้องกับการสร้างตารางมีดังนี้
- TABLE ระบุสิ่งที่อยู่ภายใน <table> และ
</table> ว่าจะอยู่ในตาราง
- TR ระบุสิ่งที่อยู่ภายใน <tr> และ
</tr> ว่าจะอยู่ในแถวเดียวกัน
- TD ระบุสิ่งที่อยู่ภายใน <td> และ
</td> ว่าจะอยู่ในเซลล์เดียวกัน
1. BORDER = "ขนาดของเส้นขอบตาราง"
[ เส้นของของตารางมีค่าได้ตั้งแต่ 0 ขึ้นไป ]
2. WIDTH = "ขนาดความกว้างของตาราง"
[ค่าความกว้างของตาราง จะอยู่ในรูปเปอร์เซ็นต์ของขนาดพื้นฐาน]
3. ALIGN = "ตำแหน่งของตาราง"
[จะใช้คำว่า left , right หรือ center]
4. การรวมเซลล์ มี 2 แบบ คือ
- 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>
โค้ด
แสดงผล
อ้างอิง - สมุด อ.ชัยราวี
8 กันยายน 2555
---------------------------
ไม่มีความคิดเห็น:
แสดงความคิดเห็น