HTML <td> ປະເພດ

ການກໍານົດ ແລະການນໍາໃຊ້

<td> ຕາຕະລາງ <th> ກໍານົດຄວາມຈິງ HTML:

HTML ຕາຕະລາງມີສອງຂະນະດີ:

  • ຂະນະດີຫົວ - ບັນທຶກຂໍ້ມູນຫົວ (ນຳໃຊ້) <th> ການສ້າງສິ່ງ (ສິ່ງ)
  • ຂະນະດີຂະແໜງ - ບັນທຶກຂໍ້ມູນ (ນຳໃຊ້) <td> ການສ້າງສິ່ງ (ສິ່ງ)

ໂດຍຜົນມະນຸດ:<td> ຄຳຂອງ <th> ມີຄວາມທຳມະດາແລະຈັດຕັ້ງທີ່ຊ້າຍ.

ຄຳຂອງ <th> ມີຄວາມໜາແໜ້ນແລະການຈັດຕັ້ງກາງໂດຍຜົນມະນຸດ.

ອ່າງວ່າ:

ການສອນ HTML:HTML ກາງ

ປືກສາ HTML DOM:ໂອບເບຍ TableData

ການສອນ CSS:ການການຈັດຕັ້ງຕາຕະລາງ

ຄວາມຈິງ

ບົດສະຫຼຸບ 1

ຕາຕະລາງ HTML ທີ່ງາຍເທົ່າ: ມີສອງວົງກາງແລະສີ່ຂະນະດີ:

<table>
  <tr>
    <td>ຂະນະດີ A</td>
    <td>ຂະນະດີ B</td>
  </tr>
  <tr>
    <td>ຂະນະດີ C</td>
    <td>ຂະນະດີ D</td>
  </tr>
</table>

ພະຍາຍາມທັນໃດຄວາມຈະພົນທຳ.

ບົດສະຫຼຸບ 2

ພວກເຮົາຈະຮຽບຮ້ອງວ່າບາງແວດລາງລົງໃນຂະນະກຳລັງ: <td> 中的内容（使用 CSS）：


  <tr>
    <th>ເດືອນ</th>
    <th>ການຕັດສິນ</th>
  </tr>
  <tr>
    <td>ມັງກອນ</td>
    <td style="text-align:right">￥3400</td>
  </tr>
  <tr>
    <td>ພະຈິກ</td>
    <td style="text-align:right">￥4500</td>
  </tr>
</table>

ພະຍາຍາມທັນໃດຄວາມຈະພົນທຳ.
ບົດສະຫຼຸບ 3
ພວກເຮົາຈະຮຽບຮ້ອງວ່າບາງແວດລາງລົງໃນຂະນະກຳລັງຂອງຕາຕະລາງ (ນຳໃຊ້ CSS):
<table>
  <tr>
    <th>ເດືອນ</th>
    <th>ການຕັດສິນ</th>
  </tr>
  <tr>
    

  </tr>
 </table>

ພະຍາຍາມທັນໃດຄວາມຈະພົນທຳ.
例子 4
如何设置表格单元格的高度（使用 CSS）：
<table>
  <tr>
    <th>ເດືອນ</th>
    <th>ການຕັດສິນ</th>
  </tr>
  <tr>
    

  </tr>
</table>

ພະຍາຍາມທັນໃດຄວາມຈະພົນທຳ.
例子 5
如何在表格单元格中规定不换行（使用 CSS）：
<table>
  <tr>
    

  </tr>
  <tr>
    
  </tr>
</table>

ພະຍາຍາມທັນໃດຄວາມຈະພົນທຳ.
例子 6
如何垂直对齐 <td> 中的内容（使用 CSS）：





一月
    ￥3400



一月
    ￥3400



诗朝辞白帝彩云间，千里江陵一日还。两岸猿声啼不住，轻舟已过万重山。





  <tr>
    <th>ເດືອນ</th>
    <th>ການຕັດສິນ</th>
  </tr>
  
  </tr>
</table>

ພະຍາຍາມທັນໃດຄວາມຈະພົນທຳ.
例子 7
如何设置表格单元格的宽度（使用 CSS）：

    一月
    ￥3400





  <tr>
    <th>ເດືອນ</th>
    <th>ການຕັດສິນ</th>
  </tr>
  <tr>
    
  </tr>
</table>

ພະຍາຍາມທັນໃດຄວາມຈະພົນທຳ.
例子 8
如何创建表格标题：
<table>
  <tr>
    <th>姓名</th>
    <th>电邮</th>
    

  </tr>
  <tr>
    <td>Bill Gates</td>
    <td>bill.gates@example.com</td>
    <td>138-1234-5678</td>
  </tr>
</table>

ພະຍາຍາມທັນໃດຄວາມຈະພົນທຳ.
例子 9
如何创建带标题的表格：
<table>
  <caption>ເດືອນການຕັດສິນ</caption>
  <tr>
    <th>ເດືອນ</th>
    <th>ການຕັດສິນ</th>
  </tr>
  <tr>
    <td>ມັງກອນ</td>
    <td>￥3400</td>
  </tr>
  <tr>
    <td>ພະຈິກ</td>
    <td>￥4500</td>
  </tr>
</table>

ພະຍາຍາມທັນໃດຄວາມຈະພົນທຳ.
ຕົວຢ່າງ 10
ກວດຄຳຕີມິດທີ່ກວດຄຳຕີມິດທີ່ຜ່ານຈຸດກວດຄຳຕີມິດທີ່ຫຼາຍຈຸດຫຼາຍໃນກາງກາງກາງ
<table>
  <tr>
    <th>姓名</th>
    <th>电邮</th>
    <th colspan="2">电话</th>
  </tr>
  <tr>
    <td>Bill Gates</td>
    <td>bill.gates@example.com</td>
    <td>138-1234-5678</td>
    <td>186-2345-6789</td>
  </tr>
</table>

ພະຍາຍາມທັນໃດຄວາມຈະພົນທຳ.


ປະເພດ


一月
    ￥3400



电话














ປະເພດ
ຄວາມຕາຍ
ການອະທິບາຍ




colspan
ໂດຍຕົວເລກ
ການຕັ້ງຄວາມຈະການອານຸພາສາການອາຍຸຂອງອາຍຸ.




headers
header_id
ການຕັ້ງໜຶ່ງຫຼືຫຼາຍປະເພດທີ່ກ່ຽວຂ້ອງກັບຂາວ.




rowspan
ໂດຍຕົວເລກ
ການຕັ້ງຄວາມຈະການອານຸພາສາການອາຍຸຂອງຂາວ.









ຄວາມແບບສະໜາມ


<td> ປະເພດຍັງຖືກສະໜັບສະໜູນ ຄວາມແບບສະໜາມໃນ HTML.






ຄວາມເຫດການ


<td> ປະເພດຍັງຖືກສະໜັບສະໜູນ ຄວາມເຫດການໃນ HTML.






ການຕັ້ງຂອງ CSS ພົນທຳ


ທັງໝົດບັນຊີບັນນາທິການຈະໃຊ້ຄວາມຕາຍເບື້ອງຕົ້ນທີ່ຈະເປັນຢ່າງພົນທຳ <td> ວັດສະດຸ:


td {
  display: table-cell;
  vertical-align: inherit;
}







ການສະໜັບສະໜູນບັນຊີບັນນາທິການ





Chrome
Edge
Firefox
Safari
Opera




Chrome
Edge
Firefox
Safari
Opera




ສະໜັບສະໜູນ
ສະໜັບສະໜູນ
ສະໜັບສະໜູນ
ສະໜັບສະໜູນ
ສະໜັບສະໜູນ