Đôi khi, người viết buộc phải kẻ bảng để phù với nội dung mà mình muốn chia sẻ.
 |
| Ảnh minh họa |
Tạo bảng có nhiều dòng, nhiều ô trên blog khá đơn giản, như hình dưới đây :
| Thứ 2 | Thứ 3 | Thứ 4 |
| Toán | Văn | Anh |
| Hóa | Lý | Sinh |
Để tạo được bảng như trên, bạn cần chuyển bài viết từ dạng viết sang HTML , thêm đoạn code sau vào :
| <div> <table border="2" bordercolor="#44ff0a" cellpabding="2" cellspacing="1" style="width: 500px;"> <tr> <td>Thứ 2</td> <td>Thứ 3</td> <td>Thứ 4</td> </tr> <tr> <td>Toán</td> <td>Văn</td> <td>Anh</td> </tr> <tr> <td>Hóa</td> <td>Lý</td> <td>Sinh</td> </tr> </div> |
Trong đó :
<tr></tr> : thẻ dòng
<td></td> : thẻ ô
background : ảnh nền
bgcolor: màu nền
align: căn lề, có 3 giá trị : left, center, right (trái, giữa và phải)
border: độ dày đường kẻ
bordercolor: màu đường kẻ
cellspacing: khoảng cách giữa các ô
cellpabding: khoảng cách giữa dữ liệu trong ô và các cạnh
height, width: độ rộng và cao
Bước tiếp theo là Cập nhật bài viết.
Như vậy là ta đã hoàn thành xong việc kẻ bảng cho bài viết trên blog. Các bạn có thể tùy biến mà tạo các Bảng theo ý mình.
<tr></tr> : thẻ dòng
<td></td> : thẻ ô
background : ảnh nền
bgcolor: màu nền
align: căn lề, có 3 giá trị : left, center, right (trái, giữa và phải)
border: độ dày đường kẻ
bordercolor: màu đường kẻ
cellspacing: khoảng cách giữa các ô
cellpabding: khoảng cách giữa dữ liệu trong ô và các cạnh
height, width: độ rộng và cao
Bước tiếp theo là Cập nhật bài viết.
Như vậy là ta đã hoàn thành xong việc kẻ bảng cho bài viết trên blog. Các bạn có thể tùy biến mà tạo các Bảng theo ý mình.
No comments:
Write nhận xét