Trong thực tế, bảng thường được sử dụng để trình bày bố cục cho toàn bộ trang web. Nếu muốn thiết kế một trang thể hiện văn bản trong cột dạng báo chí hoặc phân trang thành những vùng có chủ đề khác nhau, thì bảng là một công cụ cần thiết. Chương 4 của bài giảng Thiết kế Web sẽ hướng dẫn cách tạo bảng và trình bày trang trong trang Web. Mời các bạn cùng tham khảo.
CHƯƠNG IV BẢNG-TRÌNH BÀY TRANG I BẢNG Giới thiệu Bảng thường sử dụng để tạo văn dạng nhiều cột phân chia trang thành nhiều vùng khác với chủ đề khác nhau, tiện lợi thiết kế trình bày trang web Cách tạo bảng: – – – Tag : thị bảng Tag …… : xác định dòng bảng Tag ……: xác định chứa liệu bảng Dữ liệu văn Nội dung ô 1 Nội dung ô 2 … Nội dung ô n Dòng 1 Nội dung ô 1 Nội dung ô 2 … Nội dung ô n Dòng 2 … Cột 1 Cột 2 Ví dụ : TABLE Cell 1 Cell 2 Cell 3 Cell 4 Các thuộc tính: a) Thuộc tính bảng • Thêm khung viền: … n: độ dày khung viền tính Pixel • Định màu khung viền màu nền: … • Tạo bóng : Bóng đổ cạnh phải bảng … Bóng đổ cạnh trái bảng … • Ví dụ: TABLE Cell 1 Cell 2 Cell 3 Cell 4 • Định chiều rộng chiều cao bảng: … n, m độ rộng chiều cao tính Pixel • Canh lề bảng: … • Thuộc tính Cellpadding CellSpacing: … Khoảng cách đường viền ô … Khoảng cách đường viền ô với văn • Tag Caption: Dùng để tạo tiêu đề cho bảng tiêu đề … Ví dụ: tiêu đề Cell 1 Cell 2 Cell 3 Cell 4 b) Thuộc tính cột • Canh lề cho liệu ô theo chiều ngang: … • Canh lề cho liệu ô theo chiều đứng: … • Trộn ô: : trộn n cột : trộn n dòng • Tag : Có tác dụng làm cho liệu ô in đậm canh Nội dung • Ví dụ: TABLE center top Right Bottom Ví dụ: trộn ô Properties of Table Colspan