<TABLE> ... </TABLE> Định nghĩa một bảng
<TR> ... </TR> Định nghĩa một hàng trong bảng <TD> ... </TD> Định nghĩa một ô trong hàng <TH> ... </TH> Định nghĩa ô chứa tiêu đề của cột <CAPTION> ... </CAPTION> Tiêu đề của bảng
Cú pháp:
<TABLE
ALIGN = LEFT / CENTER / RIGHT
BORDER = n BORDERCOLOR = color BORDERCOLORDARK = color BORDERCOLORLIGHT = color BACKGROUND = url BGCOLOR = color CELLSPACING = spacing CELLPADDING = pading >
<CAPTION>Tiêu đề của bảng biểu</CAPTION>
... Định nghĩa các dòng <TR ALIGN = LEFT/CENTER/RIGHT VALIGN = TOP/MIDDLE/BOTTOM> ... Định nghĩa các ô trong dòng <TD
ALIGN = LEFT / CENTER / RIGHT
VALIGN = TOP / MIDDLE / BOTTOM
BORDERCOLOR = color BORDERCOLORDARK = color BORDERCOLORLIGHT = color BACKBROUND = url BGCOLOR = color COLSPAN = n ROWSPAN = n >
... Nội dung của ô </TD> ... </TR> ... </TABLE> ý nghĩa các tham số:
ALIGN / VALIGN Căn lề cho bảng và nội dung trong mỗi ô.
BORDER Kích thớc đờng kẻ chia ô trong bảng, đợc đo theo pixel. Giá trị 0 có nghĩa là không xác định lề, giữa các ô trong bảng chỉ có một khoảng trắng nhỏ để phân biệt. Nếu chỉ để border thì ngầm định border=1. Với những bảng có cấu trúc phức tạp, nên đặt lề để ngời xem có thể phân biệt rõ các dòng và cột.
BORDERCOLOR Màu đờng kẻ
BORDERCOLORDARK BORDERCOLORLIGHT
Màu phía tối và phía sáng cho đờng kẻ nổi.
BACKGROUND Địa chỉ tới tệp ảnh dùng làm nền cho bảng
BGCOLOR Màu nền
CELLSPACING Khoảng cách giữa các ô trong bảng
CELLPADDING Khoảng cách giữa nội dung và đờng kẻ trong mỗi ô của bảng.
COLSPAN Chỉ định ô sẽ kéo dài trong bao nhiêu cột
ROWSPAN Chỉ định ô sẽ kéo dài trong bao nhiêu hàng
Một số ví dụ về bảng biểu: Ví dụ 7.1:
<HTML> <HEAD>
<TITLE>Bảng biểu</TITLE> </HEAD>
<BODY>
<TABLE BORDER> <TR>
<TD>Cell A</TD><TD>Cell B</TD><TD>Cell C</TD> </TR>
<TR>
<TD>Cell D</TD><TD>Cell E</TD><TD>Cell F</TD> </TR>
</TABLE> </BODY> </HTML> Khi duyệt sẽ đợc: Ví dụ 7.2: <HTML>
<HEAD><TITLE>Bảng biểu</TITLE></HEAD> <BODY>
<TABLE BORDER> <TR>
<TD ROWSPAN=2>Cell A</TD><TD>Cell B</TD><TD>Cell C</TD> </TR>
<TR>
<TD>Cell D</TD><TD>Cell E</TD> </TR> </TABLE> </BODY> </HTML> Khi duyệt sẽ đợc: Ví dụ 7.3: <HTML> <HEAD>
<TITLE>Bảng biểu</TITLE> </HEAD>
<BODY>
<TABLE BORDER> <TR>
<TD COLSPAN=2>Cell A</TD><TD>Cell B</TD> </TR>
<TR>
<TD>Cell C</TD><TD>Cell D</TD><TD>Cell E</TD> </TR> </TABLE> </BODY> </HTML> Khi duyệt sẽ đợc: Ví dụ 7.4: <HTML> <HEAD>
<TITLE>Bảng biểu</TITLE> </HEAD>
<BODY>
<TABLE BORDER> <TR>
<TH>HEAD 1</TH><TH>HEAD 2</TH><TH>HEAD 3</TH> </TR>
<TR>
<TD>Cell A</TD><TD>Cell B</TD><TD>Cell C</TD> </TR>
</TABLE> </BODY> </HTML>
Khi duyệt sẽ đợc kết quả:
<HTML> <HEAD>
<TITLE>Bảng biểu</TITLE> </HEAD>
<BODY>
<TABLE BORDER>
<CAPTION>Top Hits - Collection 99 (vol 3)</CAPTION> <TR>
<TH>Song</TH><TH>Singer</TH> </TR>
<TR><TD>Coco Jamboo</TD><TD>Mr.President</TD></TR> <TR><TD>Get Down</TD><TD>Back Street Boys</TD></TR> <TR><TD>My Heart Will Go On</TD><TD>Celine Dion</TD></TR> <TR><TD>Let Him Go</TD><TD>Bay Disc</TD></TR>
</TABLE> </BODY> </HTML>
Chơng 8 Frame