Tìm hiểu về table trong html - Bài 3

 

Bảng (Table) là gì?
 
Bảng được định dạng bởi thẻ <table>. Một bảng được chia ra làm nhiều hàng với thẻ <tr>, môi hàng được chia ra làm nhiều cột dữ liệu với thẻ <td>. Chữ td là chữ viết tắt của "table data", là nội dung của cột dữ liệu. Một cột dữ liệu có thể bao gồm chữ, hình ảnh, danh sách, đoạn vắn, form và bảng v.v.

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

table html

Như bảng trên có 4 ô được sắp xếp như nhau, để thiết lập đường biên cho bảng ta thêm thuộc tính border. Cụ thể  <table border="1">

- Cột trống trong bảng (table) 
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td></td>
</tr>
</table>


- Gộp, hợp 2 cột trong table ta dùng cú pháp colspan="số cột muốn hợp"; Tương tự để gộp dòng là rowspan = "số dòng"

Ví dụ:

<tr>
<td>Sttt</td>
<td>Tên khóa học</td>
<td colspan="2">Giảng viên - Khóa học</td>
</tr>

table-html3