Table Tag - P3 - Merge ô trong Table

Table Tag - P3 - Merge ô trong Table

  9:47 AM    Người

---

Trong excel, chúng ta có thể merge 2 hay nhiều ô lại thành một ô để phục vụ cho yêu cầu trình bày. Trên HTML cũng vậy:

• Để merge 2 hay nhiều dòng, dùng rowspan
• Để merge 2 hay nhiều cột, dùng colspan

Rowspan
Câu lệnh:

><table border="3">

<tr>

<td>Họ tên</td>

<td>Nguyễn Văn A</td>

</tr>

<tr>

<td rowspan=2>Địa chỉ</td>

<td>Công ty</td>

</tr>

<tr>

<td>Nhà riêng</td>

</tr>

</table> 
Kết quả:

Họ tên	Nguyễn Văn A
Địa chỉ	Công ty
	Nhà riêng

Colspan
Câu lệnh:

<table border="3">

<tr>

<td colspan=2> Nguyễn Văn A</td>

</tr>

<tr>

<td>Địa chỉ</td>

<td>Số điện thoại</td>

</tr>

</table>
Kết quả:

Nguyễn Văn A
Địa chỉ	Số điện thoại