I. Mô hình đối tượng của Active server page 5.1 Các đối tượng của ASP
2. Tìm hiểu HTML-Hyper Text Markup Language
2.7. Thẻ <Table> tạo bảng
Thẻ <Table> là một thẻ rất phổ biến. Trong đó có thể chứa rất nhiều các thuộc tính, các thẻ và các lệnh khác. thẻ này phải có thẻ kết thúc </Table>. Trong bảng có thể đưa vào các văn bản, hình ảnh, danh sách thậm chí có thể chèn vào đó một bảng mới. Bảng HTML cũng có các chức năng trình bày, định dang, đường biên như bảng trong MS-Word, MS-Excel.
Cú pháp: <Table> <TR> <TH> Cột 1 <TH> Cột 2 </TR> <TR> <TD> Nội dung cột 1 </TD> <TD> Nội dung cột 2 </TD> </TR> </Table>
Thẻ <Table> </Table> xác định bắt đầu và kết thúc một bảng. Thẻ <TR></TR> tạo một dòng mới.
Thẻ <TD></TD> tạo một cột mới. Thẻ <TH> Tạo tiêu đề cho một cột. Thuộc tính ALIGN
Cú pháp: <Table ALIGN="##">
Thuộc tính này định dạng lề theo chiều ngang của văn bản. ## có thể nhận các giá trị LEFT, RIGHT hoặc CENTER. Thuộc tính này cũng có thể áp dụng riêng cho từng hàng hoặc từng ô bằng các cú pháp:
<TR ALIGN="##"> hoặc <TD ALIGN="##"> Thuộc tính VALIGN
Cú pháp: <Table VALIGN="##">
GVHD: ThS Đặng Hồng Lĩnh SVTH: Cao Thị Tuy ết Nhung 22/12/2013
Thuộc tính này định dạng lề theo chiều dọc của văn bản. ## có thể nhận các giá trị TOP, BOTTOM hoặc MIDDLE. Thuộc tính này cũng có thể áp dụng riêng cho từng hàng hoặc từng ô bằng cú pháp:
<TR VALIGN="##"> hoặc <TD VALIGN="##"> Thuộc tính BGCOLOR
Cú pháp: <Table BGCOLOR="##">
Thuộc tính này định dạng màu nền của bảng hoặc ô. ## là tên hoặc số của màu. ## cũng có thể là URL để chỉ một file ảnh. Có thể áp dụng thuộc tính này cho từng hàng hoặc từng ô để tạo thành bảng có màu nền của hàng hoặc ô khác nhau:
Cú pháp:
<TR BGCOLOR="##"> hoặc <TD BGCOLOR="##"> Thuộc tính BORDER
Cú pháp: <Table BORDER="##">
Thuộc tính này định dạng đường viền với đường viền của bảng. ## là số nguyên xác định độ dày của đường viền. Nếu BORDER="0" thì bảng không có đường viền.
Thuộc tính CELLPADDING
Cú pháp: <TABLE CELLPADDING="##">
Thuộc tính này xác định khoảng cách giữa văn bản và đường phân cách các ô. ## nhận giá trị số xác định khoảng cách trên.
Các thuộc tính WIDTH,HEIGHT
Cú pháp: <TABLE WIDTH="##" HEIGHT="##"> Hai thuộc tính này xác định độ rộng, chiều cao của bảng.
## là giá trị xác định kích thước. Giá trị này có thể là số hoặc phần trăm so với độ rộng của cửa sổ trình duyệt. Hai thuộc tính này có thể áp dụng riêng cho từng ô với cú pháp:
<TD WIDTH="##" HEIGHT="##">
Khi áp dụng cho từng ô thì giá trị phần trăm sẽ được tính trên độ rộng của bảng chứ không phải trên độ rộng của trình duyệt.
Thuộc tính NOWRAP
Cú pháp: <TR NOWRAP> hoặc <TD NOWRAP>
Thuộc tính này sẽ xác định tính tự động ngắt dòng của văn bản. Nếu nowrap được chọn thì khi văn bản chứa trong ô dài thì ô đó sẽ tự động mở rộng kích thước cho đoạn văn bản. Giá trị mặc định là WRAP.
Thuộc tính này chỉ áp dụng cho thẻ <TR> và <TD>. Dùng <TR NOWRAP> áp dụng cho các ô của một hàng. Còn dùng <TD NOWRAP> chỉ áp dụng cho ô đó.
Thuộc tính COLSPAN
Cú pháp: <TD COLSPAN="##">
GVHD: ThS Đặng Hồng Lĩnh SVTH: Cao Thị Tuy ết Nhung 22/12/2013
Thuộc tính này mở rộng một ô bằng cách kết nối các ô liền kề trên một hàng thành một ô. ## là số cột mà ô này được mở rộng. Giá trị mặc định của COLSPAN là 1.
Chú ý: thuộc tính này chỉ áp dụng cho thẻ <TD> Thuộc tính ROWSPAN
Cú pháp: <TD ROWSPAN="##">
Thuộc tính này mở rộng một ô bằng cách kết nối các ô liền kề trên một cột thành một ô. ## là số hàng mà ô này được mở rộng. Thuộc tính này cũng chỉ áp dụng cho thẻ <TD>. giá trị mặc định của ROWSPAN cũng là 1.