Thẻ td trong HTML
Bùi Tấn Lực
- 303
- 30/09/2025
Thẻ td trong HTML dùng để chứa giá trị của cột, thẻ td thường chứa các cột nằm trong thẻ tbody, trong thẻ tfoot thì td chứa giá trị của cột, chi tiết như nào hãy cùng chúng tôi phân tích:
Chức năng của Thẻ td trong HTML
Thẻ td trong HTML dùng để chứa giá trị của cột, thẻ td thường chứa các cột nằm trong thẻ tbody, trong thẻ tfoot thì td chứa giá trị của cột, đối với thẻ td thì bạn có thể nhóm nhiều cột vô 1 ô hoặc nhóm nhiều hàng vô 1 ô.
Cú pháp của thẻ Thẻ td trong HTML
<td>vanban</td>
vanban: Văn bản.
Bao gồm thẻ mở <td> và thẻ đóng </td> bao quanh văn bản.
<td colspan="socot" >vanban</td>
colspan: Thuộc tính dùng để nhóm số cột vô 1 ô.
socot: Số cột cần nhóm thành 1 ô.
<td rowspan="sohang" >vanban</td>
rowspan: Thuộc tính dùng để nhóm số hàng vô 1 ô.
sohang: Số hàng cần nhóm vào 1 ô.
Code Thẻ td trong HTML
Thẻ td bình thường trong HTML
<table>
<tbody>
<tr>
<td>1</td> <td>1</td> <td>1</td>
</tr>
<tr>
<td>1</td> <td>1</td> <td>1</td>
</tr>
<tr>
<td>1</td> <td>1</td> <td>1</td>
</tr>
</tbody>
</table>
Kết quả:
| 1 | 1 | 1 |
| 1 | 1 | 1 |
| 1 | 1 | 1 |
Thẻ td dùng colspan để nhóm các cột lại thành 1 ô
Bạn nhóm thêm bao nhiêu cột (td) thì trong tr đó bạn bỏ bớt bấy nhiêu cột (td):
<table>
<tbody>
<tr>
<td colspan="2">1</td> <td>1</td>
</tr>
<tr>
<td>1</td> <td>1</td> <td>1</td>
</tr>
<tr>
<td>1</td> <td>1</td> <td>1</td>
</tr>
</tbody>
</table>
Kết quả:
| 1 | 1 | |
| 1 | 1 | 1 |
| 1 | 1 | 1 |
Thẻ td dùng rowspan để nhóm các hàng lại thành 1 ô
Bạn nhóm thêm bao nhiêu hàng thì trong bấy nhiêu tr dưới bạn bỏ bớt 1 cột (td):
<table>
<tbody>
<tr>
<td rowspan="2">1</td> <td>1</td> <td>1</td>
</tr>
<tr>
<td>1</td> <td>1</td>
</tr>
<tr>
<td>1</td> <td>1</td> <td>1</td>
</tr>
</tbody>
</table>
Kết quả:
| 1 | 1 | 1 |
| 1 | 1 | |
| 1 | 1 | 1 |
Lời kết
Cảm ơn các bạn đã tham khảo bài viết Thẻ td trong HTML.
- 0 Bình luận
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *