Chèn bảng trong bài viết

1. Chèn 1 bảng đơn giản dùng code sau:

<table>
<tr><td>Dòng 1 Cột 1</td> <td>Dòng 1 Cột 2</td> </tr>
<tr><td>Dòng 2 Cột 1</td> <td>Dòng 2 Cột 2</td> </tr>
</table>

Kết quả:

Dòng 1 Cột 1	Dòng 1 Cột 2
Dòng 2 Cột 1	Dòng 2 Cột 2

2. Thêm đường viền: thêm thuộc tính border vào thẻ table

<table border="1">
<tr><td>Dòng 1 Cột 1</td> <td>Dòng 1 Cột 2</td> </tr>
<tr><td>Dòng 2 Cột 1</td> <td>Dòng 2 Cột 2</td> </tr>
</table>

Dòng 1 Cột 1	Dòng 1 Cột 2
Dòng 2 Cột 1	Dòng 2 Cột 2

Để chữ khỏi đụng border:

<table border="1" cellpadding="4" cellspacing="2">
<tr><td>Dòng 1 Cột 1</td> <td>Dòng 1 Cột 2</td> </tr>
<tr><td>Dòng 2 Cột 1</td> <td>Dòng 2 Cột 2</td> </tr>
</table>

Dòng 1 Cột 1	Dòng 1 Cột 2
Dòng 2 Cột 1	Dòng 2 Cột 2

3. Chỉnh độ rộng:

<table style="height: 100px; width: 300px;" border="1" cellpadding="4" cellspacing="2">
<tr><td>Dòng 1 Cột 1</td> <td>Dòng 1 Cột 2</td> </tr>
<tr><td>Dòng 2 Cột 1</td> <td>Dòng 2 Cột 2</td> </tr>
</table>

Dòng 1 Cột 1	Dòng 1 Cột 2
Dòng 2 Cột 1	Dòng 2 Cột 2

4. Ngoài ra, có thể thêm các thuộc tính canh lề, màu nền, màu chữ...

<table style="background-color: #FBFF80; color: red; text-align: center; height: 100px; width: 300px;" border="1" cellpadding="4" cellspacing="2">
<tr><td>Dòng 1 Cột 1</td> <td>Dòng 1 Cột 2</td> </tr>
<tr><td>Dòng 2 Cột 1</td> <td>Dòng 2 Cột 2</td> </tr>
</table>

Dòng 1 Cột 1	Dòng 1 Cột 2
Dòng 2 Cột 1	Dòng 2 Cột 2