ຄຳສັ່ງທີ່ໃຊ້ສຳລັບສ້າງຕາຕະລາງມີຢູ່ຫຼາຍຄຳສັ່ງຄື
ຊື່ Tag
|
ຄວາມໝາຍ
|
<table>
</table>
|
ສຳລັບກຳນົດຂອບເຂດການສ້າງຕາຕະລາງ
|
<th> </th>
|
ສຳລັບຂໍ້ຄວາມທີ່ເປັນຫົວເລື່ອງຂອງຖັນຕາຕະລາງຂໍ້ມູນ
|
<tr> </tr>
|
ກຳນົດຈຳນວນແຖວຂອງຕາຕະລາງ
|
<td> </td>
|
ກຳນົດຈຳນວນຖັນຂອງຕາຕະລາງ
|
ມີຮູບແບບໂຄງສ້າງການຂຽນດັ່ງນີ້:
<table>
<tr> <th>….</th>
….</tr>
<tr><td>……</td>…..</tr>
</table>
|
ຕົວຢ່າງ:
<table>
<tr>
<th>ລະຫັດພະນັກງານ</th>
<th>ຊື່ ແລະ ນາມສະກຸນ</th>
<th>ເງິນເດືອນ (ກີບ)</th>
</tr>
<tr>
<td>001</td>
<td>ທ່ານ ທອງດີ ມີໄຊ</td>
<td>ທ່ານ ທອງດີ ມີໄຊ</td>
<td>2,000,000
</td>
</tr>
<tr>
<td>002</td>
<td>ນາງ ຄຳສອນ ມີໂຊກ</td>
<td>1,500,00</td>
</tr>
</table>
ຜົນໄດ້ຮັບ
ຜົນໄດ້ຮັບ
ນອກຈາກນັ້ນ
ເຮົາຍັງສາມາດກຳນົດຄຸນສົມບັດໃຫ້ກັບຕາຕະລາງໄດ້ ໂດຍໃຊ້ attribute ຕ່າງໆຄື:
1) Attribute ທີ່ໃຊ້ໃນ Tag <table> ມີຄື:
- align ສຳລັບຈັດຕຳແໜ່ງຊອງຕາຕະລາງ
ໂດຍມີຄ່າເທົ່າກັບ left,center,right.
- border ສຳລັບກຳນົດຄວາມໜາຂອງເສັ້ນຂອບຕາຕະລາງ
ມີຄ່າເທົ່າກັບຕົວເລກ(ມີຫົວໜ່ວຍ ເປັນ pixel ຫຼື %).
- bordercolor ສຳລັບກຳນົດສີເສັ້ນຕາຕະລາງ
ມີຄ່າເປັນ ລະຫັດສີ ຫຼື ຊື່ສີ(ພາສາອັງກິດ).
- width ສຳລັບກຳນົດຄວາມກວ້າງຂອງຕາຕະລາງ
ມີຄ່າເປັນຕົວເລກ(ຫົວໜ່ວຍເປັນ pixel ຫຼື %)
- bgcolor ສຳລັບກຳນົດສີພື້ນຫລັງຂອງຕາຕະລາງ
ມີຄ່າເປັນ ລະຫັດສີ ຫຼື ຊື່ສີ.
- background ສຳລັບກຳນົດພື້ນຫຼັງຂອງຕາຕະລາງໃຫ້ເປັນຮູບພາບ
ມີຄ່າເປັນ ຊື່ ແລະ ນາມສະກຸນຂອງຮູບນັ້ນໆ.
- cellspacing ກຳນົດຊ່ອງວ່າງລະຫວ່າງຫ້ອງຂອງຕາຕະລາງ
ມີຄ່າເປັນຕົວເລກ.
- cellpadding ກຳນົດໄລຍະຫ່າງລະຫວ່າງຂໍ້ຄວາມກັບເສັ້ນຂອບໃນຫ້ອງຕາຕະລາງ
ມີຄ່າເປັນຕົວເລກ(ຫົວໝ່ວຍເປັນ pixel ຫຼື %).
2) Attribute ທີ່ໃຊ້ໃນ Tag <tr>
ມີຄື:
- align ສຳລັບຈັດຕຳແໜ່ງຂໍ້ຄວາມໃນຫ້ອງຕາຕະລາງຕາມລວງນອນມີຄ່າເປັນ
left,center,right.
- valign ສຳລັບຈັດຕຳແໜ່ງຂໍ້ມູນໃນຫ້ອງຕາຕະລາງຕາມລວງຕັ້ງມີຄ່າເປັນ
top,middle,bottom.
- bgcolor ສຳລັບກຳນົດສີພື້ນຂອງແຖວຕາຕະລາງ
ມີຄ່າເປັນ ລະຫັດສີ ຫຼື ຊື່ສີ.
3) Attribute ທີ່ໃຊ້ໃນ Tag <td>
ມີຄື:
- align ສຳລັບຈັດຕຳແໜ່ງຂໍ້ຄວາມໃນຫ້ອງຕາຕະລາງຕາມລວງນອນມີຄ່າເປັນ
left,center,right.
- valign ສຳລັບຈັດຕຳແໜ່ງຂໍ້ມູນໃນຫ້ອງຕາຕະລາງຕາມລວງຕັ້ງມີຄ່າເປັນ
top,middle,bottom.
- height ກຳນົດຄວາມສູງຂອງຫ້ອງຕາຕະລາງ
ມີຄ່າເປັນຕົວເລກ(ຫົວໜ່ວຍ pixel ຫຼື %).
- colspan ການລວມຫ້ອງຕາຕະລາງຫຼາຍຫ້ອງເປັນຫ້ອງດຽວຕາມຖັນ
ມີຄ່າເປັນຕົວເລກ.
- rowspan ການລວມຫ້ອງຕາຕະລາງຫຼາຍຫ້ອງເປັນຫ້ອງດຽວຕາມແຖວ
ມີຄ່າເປັນຕົວເລກ.
- bgcolor ກຳນົດສີພື້ນຫຼັງຂອງຫ້ອງຕາຕະລາງ.
ຕົວຢ່າງ:
<table align="center"
border="1" width="80%"
bgcolor="#FFFF99">
<tr>
<th width="131">ລະຫັດພະນັກງານ</th>
<th width="186">ຊື່ ແລະ ນາມສະກຸນ</th>
<th width="135">ເງິນເດືອນ (ກີບ)</th>
</tr>
<tr>
<td>001</td>
<td>ທ່ານ ທອງດີ ມີໄຊ</td>
<td>2,000,000
</td>
</tr>
<tr>
<td>002</td>
<td>ນາງ ຄຳສອນ ມີໂຊກ</td>
<td>1,500,00</td>
</tr>
</table>