Trang

Thứ Ba, 11 tháng 3, 2014

LẬP BẢNG TRONG BLOGSPOT

Đối với những bạn chưa biết sử dụng code thì vấn đề kẻ một cái bảng trong blog thật sự là một chuyện rất khó. Nhưng không sao hôm nay bạn có thể làm được, nó cũng rất đơn giản, Bài này sẽ hướng dẫn các bạn kẻ một cái bảng trong bài viết blogspot – blogger


Đâ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 class=”nobrtable”>
<table border=”2″ bordercolor=”#0033FF” style=”background-color:#99FFFF” 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
<tr>
</tr>
Dòng là code này
<td>nơi bạn đánh text</td>
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”
Đây là mẫu
Table HeaderTable HeaderTable CellTable CellTable CellTable Cell Table CellTable CellTable Cell