Hướng dẫn tạo bảng, kẻ khung table cho blog HTML

Hướng dẫn tạo bảng, kẻ khung table cho blog và web HTML

Đây là môt ví dụ cho cái bảng table đơn giản.

Đây là một đoạn code cho cái bảng bên dưới.

<style type="text/css">.nobrtable br { display: none }</style>
<div ">
<table border="2" bordercolor="#0033FF" " width="100%" cellpadding="3" cellspacing="3">
<tr>
<th>Table Header</th>
<th>Table Header</th>
<th>Table Header</th>
</tr>
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
<tr">
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
</table></div>

Một vài thuật ngữ bạn cần chú ý trong đoạn code này là:
Kích cỡ bảng: with các bạn có thể chỉnh nhỏ hơn
Đường kẻ khung: table border
Màu nền: background-color (màu trắng là #ffffff, màu đen là #000000)
Nơi bạn đánh text: Table Cell
Số cột và số dòng:
Cột là code này

Dòng là code này

nơi bạn đánh text

Nếu muốn thêm dòng hay cột thì bạn chỉ cần copy và dán thêm thôi, còn nếu bớt ra thì xóa. Lưu ý các đoạn code này phải nằm trong thẻ "table"

Nối các ô lại với nhau

> >>

Thông tin sản phẩm
Tên sản phẩm:	Áo thun cổ bông
Chất liệu:	Thun
Size:	Free
Màu sắc:	Nâu
Mã hàng:	S12123
Giá:	155.000 VND
Tình trạng hàng:	Hàng sắp về