Code HTML Cho Ái Lan!

Gửi Ái Lan nè, mã HTML cho table.

Thẻ ‹table› bắt đầu một bảng, ‹/table› kết thúc bảng. Trong thẻ table có các thuộc tính sau:

+ ‹table border="số"›: Độ dày đường biên tính theo pixel.

+ ‹table bordercolor="màu"›: Xác định màu đường biên.

+ ‹table bordercolorlight="màu"›: Xác định màu nổi bật trên đường biên.

+ ‹table bordercolordark="màu"›: Xác định màu của bóng đường biên.

+ ‹table height="số (pixel) hoặc %"› và ‹table width="số (pixel) hoặc %"›: Xác định kích thước toàn bộ bảng.

+ ‹table cellpadding="số"›: Xác định khoảng cách từ chữ đến ô (canh chữ trong bảng) tính theo px.

+ ‹table cellspacing="số"›: Khoảng trống giữa các ô (càng lớn thì các ô bảng càng xa nhau) tính theo px.

+ ‹table bgcolor="màu"›: Xác định màu nền của bảng.

+ ‹table background="đường dẫn image (URL)"›: Sử dụng hình ảnh định trước để làm nền cho bảng (cái này Internet Explorer của Microsoft làm tốt, các trình duyệt còn lại không ổn định lắm - không nên lạm dụng).

Những thẻ còn lại: ‹tr› bắt đầu một hàng. Kết thúc hàng ‹/tr› - ‹td›bắt đầu một ô. Kết thúc ô ‹/td›.

Thuộc tính của ô:

+ ‹td colspan="số"›: Mở rộng ô trong bảng theo phương ngang - cái này tương tự như Merge Cell trong Excel. "Số" là số lượng ô mà ô này mở rộng.

+ ‹td rowspan="số"›: tương tự như trên, mở rộng theo phương đứng.

+ ‹td width ="số (pixel) hoặc %"›: Định chiều rộng của ô.

+ ‹td height="số (pixel) hoặc %"›: Định chiều cao của ô.

+ ‹td align="left/right/center"›: Canh chỉnh nội dung trong ô theo chiều ngang.

+ ‹td valign="top/middle/bottom"›: Canh chỉnh nội dung trong ô theo chiều dọc.

+ ‹td bgcolor="màu"›: Màu nền của ô.

V.v... Còn nhiều thứ khác, nhưng chỉ cần chừng này là đủ làm bảng đơn giản rồi. Mai mốt có gì cần thêm thì nói, W bày tiếp.

Ví dụ một bảng coi thử nè:

‹table border="3" bordercolor="blue" cellpadding="5" cellspacing="5" width="400"›

‹tr›‹td align = "center" bgcolor="green" colspan="5"›PREVIEW TABLE‹/td›‹/tr›

‹tr›‹td›Cột 1‹/td›‹td›Cột 2‹/td›‹td›Cột 3‹/td›‹td›Cột 4‹/td›‹td›Cột 5‹/td›‹/tr›

‹tr› ‹td›A‹/td› ‹td›B‹/td› ‹td›C‹/td› ‹td›D‹/td› ‹td›E‹/td› ‹/tr›

‹tr› ‹td›Hàng 1‹/td› ‹td›A‹/td› ‹td›B›‹/td› ‹td›C‹/td› ‹td›D‹/td› ‹/tr›

‹tr›‹td›Hàng 2‹/td› ‹td›A‹/td› ‹td›B‹/td› ‹td›C‹/td› ‹td›D‹/td› ‹/tr›

‹tr›‹td colspan="2" rowspan="2"›Chế độ canh‹/td›‹td›Left‹/td›‹td›Center‹/td›‹td›Right‹/td›‹/tr›

‹tr›‹td align="left"›Trái‹/td›‹td align="center"›Giữa‹/td›‹td align="right"›Phải‹/td›‹/tr›

‹tr›‹td height="300%" rowspan="5"›Màu font chữ thì sau khi Edit HTML, vô Compose chọn màu như thường làm với Excel, vì liên quan tới font chữ nên dùng mã CSS chứ HTML hơi khó kiểm soát‹/td›‹/tr›

‹/table›

PREVIEW TABLE
Cột 1	Cột 2	Cột 3	Cột 4	Cột 5
A	B	C	D	E
Hàng 1	A	B	C	D
Hàng 2	A	B	C	D
Chế độ canh		Left	Center	Right
		Trái	Giữa	Phải
Màu font chữ thì sau khi Edit HTML, vô Compose chọn màu như thường làm với Excel, vì liên quan tới font chữ nên dùng mã CSS chứ HTML hơi khó kiểm soát

  Bây giờ mệt quá rồi, ngủ đã, để mai kiểm tra lại có sai sót gì không. Có gì hỏi nha.