DEMO
noi dung 1 | noi dung 2 | noi dung 3 |
noi dung 4 | noi dung 5 | noi dung 6 |
- Code:
-
[table align="center" border="1" bgcolor="yellow" width="650" height="300"]
[tr]
[td colspan="2"]noi dung 1[/td]
[td style="text-align: center;" bgcolor="#0ff" rowspan="2"]noi dung 2[/td]
[td]noi dung 3[/td]
[/tr][tr]
[td]noi dung 4[/td]
[td style="text-align: center;" width="150"]noi dung 5[/td]
[td]noi dung 6[/td]
[/tr]
[/table]
Trang tham khảo: kinhdon-blog.tk
Giải thích:
Tạo table khởi tạo table
[tr][/tr] tạo thêm 1 dòng tring table.
[td][/td] taoh thêm 1 ô trong 1 dòng nhất định.
ví dụ:
- Code:
-
[table]
[tr]
[td]noi dung[/td]
[td]noi dung[/td]
[/tr]
[tr]
[td]noi dung[/td]
[td]noi dung[/td]
[/tr]
[/table]
colspan="số cột gộp lại"
rowspan="số hàng gộp lại"
align: dùng để căn chỉnh bảng so với đoạn văn.(Gồm có left, right, bottom, top, center)Để mỗi ô có màu sắc sinh động hơn ta có thể chèn như sau:
Định chiều rộng, chiều cao:width="chiều rộng"
height="chiều rộng"
ví dụ:
[table width="chiều rộng cho bảng" height="chiều rộng cho bảng"]
[td width="chiều rộng cho ô"]
Bgcolorbgcolor="mã màu": màu nền.
[table bgcolor="mã màu"] nền toàn table, [td bgcolor="Mã màu"] nền trong ô,...
Một số mã màu cơ bản:
#000 đen.
#fff trắng
#f00 đỏ.
#0f5 xanh lá.
#0ff xanh.
Thuộc tính style:style="color:#mã màu; text-align: center;...;"
ví dụ:
[table style="color:#mã màu; text-align: center;...;"]
[td style="color:#mã màu; text-align: center;...;"]
Những phần còn lại thì tự tìm hiểu nhé! có gì thắc mắt thì để lại cmt cho mình nha!
thank!