Bài giảng Thiết kế Web: Chương 4 Từ Thị Xuân Hiền

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 Nội dung ô 1 Nội dung ô 2 … Nội dung ô n Dòng … Cột Cột 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 [...]... Cell 3 Cell 4 II TRÌNH BÀY TRANG 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 Một trong những nét đặc trưng hữu dụng của bảng đó là trong... dòng và 2 cột Kết quả trình bày trang ... 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 ……:... 3 Cell 4< /td> II TRÌNH BÀY TRANG Trong thực tế, bảng thường sử dụng để trình bày bố cục cho toàn trang web Nếu muốn thiết kế trang thể văn cột dạng báo chí... width=50% BorderColorDark=red> Cell 1 Cell 2 Cell 3 Cell 4< /TD> • Định chiều rộng chiều cao bảng: