Đâ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ề |
Bạn sử dụng code này <td colspan = "2" >Chập ô thứ nhất và ô thứ 2 của dòng 1</td>
No comments: