Đố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”
Cám ơn nhiều nhé bạn:)
Trả lờiXóaloa hội trường Soundking