Dùng table để tạo sắp xếp nội dung trang web

Dùng table để tạo sắp xếp nội dung trang web Các nội dung của trang web, như văn bản, hình ảnh, . . . thay vì được trình bày theo thứ tự từ trên xuống, có thể được bố trí thành nhiều kiểu khác nhau giúp trang web nhìn đẹp mắt hơn. Công cụ Table (bảng) giúp bạn thực hiện được điều này. Table là một khung có nhiều Rows (hàng) và Columns (cột) Các Rows và Columns chia Table ra thành nhiều Cells (ô). Nội dung của trang web, như văn bản, hình ảnh, . . . sẽ được đưa vào trong các Cells. Do có thể chỉnh được số lượng Rows và Colums, cũng như chỉnh được kích thước của Cells nên chúng ta dễ dàng bố trí trang web theo ý muốn cho đẹp mắt. Ví dụ: Chúng ta tạo 1 table như sau Sau đó đưa nội dung vào Kim tự tháp được xây từ trong ra ngoài? Cho đến nay các nhà khoa học vẫn tự hỏi bằng cách nào người Ai Cập có thể đặt khoảng 3 triệu tảng đá, nặng trung bình 2,5 tấn/tảng để xây dựng đại kim tự tháp Cheops (hay còn gọi là Khufu). Sau đó xoá đường viền của table và chọn màu nền cho table: Kim tự tháp được xây từ trong ra ngoài ? Cho đến nay các nhà khoa học vẫn tự hỏi bằng cách nào người Ai Cập có thể đặt khoảng 3 triệu tảng đá, nặng trung bình 2,5 tấn/tảng để xây dựng đại kim tự tháp Cheops (hay còn gọi là Khufu). Rõ ràng là nội dung trông đẹp hơn. Cách tạo môt table: Nhấp vào Table ->Insert ->Table Bạn sẽ nhận được: Chọn số cột (Number of columns) Chọn số hàng (Number of rows) Sau đó nhấp OK Ví dụ: Chọn số cột là 2, số hàng là 2. Bạn sẽ có table như sau: Điều chỉnh kích thước table. Đưa con trỏ vào một cạnh của table, sau đó nhấp và giữ chuột rồi kéo để di chuyển cạnh đó. Thêm Rows và thêm Columns Nhấp chuột vào một hàng hoặc một cột, sau đó nhấp vào: Table -> Insert: Chọn 1 trong các mục: Columns to the left: Thêm cột vào bên trái Columns to the Right: Thêm cột vào bên phải Rows Above: Thêm hàng vào bên trên Rows Belove: Thêm hàng vào bên dưới Nhập và tách Cells Nhiều cells có thể nhập lại thành một: Đánh dấu các Cells, sau đó nhấp vào Table -> Merge Cells Hoặc một Cell có thể tách ra thành nhiều Cells: Nhấp chuột vào Cell, sau đó nhấp vào Table -> Split cells Sau đó chọn số hàng, số cột rồi nhấp OK Tạo và xóa đường viền (border) Nhấp chuột phải vào table rồi chọn Borders and shading … Bạn sẽ nhận đưọc hình sau: Bạn có thể chọn: None: Xóa bỏ đường viền, bạn chỉ còn nhìn thấy một đường viền mờ để nhận ra vị trí các cell. Khi đưa lên web đường viền này sẽ mất. Box, All, Grid: Table sẽ có đường viền phù hợp. Bạn có thể chọn Style, Color, Width để có đường viền theo ý muốn. Bạn có thể xem trước kết quả ở hình nhỏ bên phải. Sau đó nhấp nút OK. Sau đây là vài ví dụ: Box All Grid Tạo màu nền cho table (shading) Tương tự như việc tạo đường viền, nhấp chuột phải vào table rồi chọn Borders and shading …, sau đó chọn mục Shading Bạn có thể: Xóa màu nền: Bằng cách nhấp vào mục No Fill rồi nhấp OK Chọn màu có sẳn trên bảng màu rồi nhấp OK Nhấp vào More Colors để chọn được nhiều màu hơn. Trong mục More Colors, chọn Custom thì có thể chọn được bất cứ màu nào bạn thích Xin lưu ý: Trong phần Apply to, bạn có thể chọn màu nền áp dụng cho cả Table hoặc Cell. Hoặc áp dụng cho paragraph, tức là một đoạn văn bản trong table. Dưới đây là vài ví dụ về màu nền cho table: Tạo màu nền cho văn bản bằng cách chọn paragraph trong phần Apply to Tạo khoảng cách giữa đường viền và văn bản (cellpadding) Thông thường khi gõ văn bản vào table, khoảng cách giữa văn bản và đường viền trên và dưới là 0. khoảng cách giữa văn bản và đường viền trái và phải là 0.08 “ Như table dưới đây: Cho đến nay các nhà khoa học vẫn tự hỏi bằng cách nào người Ai Cập có thể đặt khoảng 3 triệu tảng đá, nặng trung bình 2,5 tấn/tảng để xây dựng đại kim tự tháp Cheops (hay còn gọi là Khufu). Bạn có thể thay đổi khoảng cách này. Nhấp chuột phải vào table, chọn Table properties … bạn sẽ nhận được: Nhấp vào mục Options … bạn sẽ nhận được Chỉnh số liệu ở các mục Top, Bottom, Left, Right (ví dụ 0.15”) sau đó nhấp OK Bạn sẽ có được table như sau: Cho đến nay các nhà khoa học vẫn tự hỏi bằng cách nào người Ai Cập có thể đặt khoảng 3 triệu tảng đá, nặng trung bình 2,5 tấn/tảng để xây dựng đại kim tự tháp Cheops (hay còn gọi là Khufu). Điều chỉnh vị trí của văn bản trong table (Cell alignment) Nhấp chuột phải vào một ô trong table, sau đó chọn mục Cell Alignment, rồi chọn 1 trong 9 vị trí. Sau đây là các ví dụ về vị trí của văn bản trong các ô của table: