3.2. Tạo và định dạng các đối tượng trên trang web
3.2.7. Làm việc với bảng
Tạo bảng
- Trong khung cửa sổ Design, đặt điểm chèn tại vị trí cần tạo bảng - Chọn menu lệnh Insert Table
+ Rows: số dòng của bảng + Columns: số cột của bảng
+ Table width: chiều rộng của bảng, có thể tính theo đơn vị là pixels hay percent (%)
+ Border thickness: độ dày đường viền của bảng. Nếu giá trị là 0, thì bảng khơng có đường viền
+ Cell padding: khoảng cách từ nội dung trong ô đến đường viền của ô + Cell spacing: khoảng cách giữa 2 ô trong bảng
+ Header: kiểu bảng có hoặc khơng có dịng tiêu đề, cột tiêu đề + Caption: dịng tiêu đề bảng
Hình 3.22. Hộp thoại Table
Thay đổi thuộc tính bảng
- Chọn bảng cần thay đổi thuộc tính chọn thuộc tính cần thay đổi trong cửa sổ Properties
Hình 3.23. Cửa sổ Properties
+ Rows: Số dòng
+ Cols: Số cột
+ W: Chiều rộng của bảng
+ CellPad: khoảng cách từ nội dung trong ô đến đường viền của ô
+ CellSpace: khoảng cách giữa 2 ô trong bảng + Align: canh bảng trên trang web
+ Border: Độ dày đường viền + Class: class định dạng cho bảng + Table: ID định dạng cho bảng
Thay đổi thuộc tính của ơ
- Chọn ơ muốn thay đổi thuộc tính chọn thuộc tính cần thay đổi trong cửa sổ Properties
Hình 3.24. Cửa sổ Properties
+ Horz: Cách canh nội dung trong ô theo chiều ngang. + Vert: Cách canh nội dung trong ô theo chiều dọc.
+ W: Độ rộng của ô
+ H: Độ cao của ô
+ No wrap: Cho/ khơng cho text tự động xuống dịng trong ô + Header Chuyển ô thường thành ô tiêu đề.
+ Bg Màu nền cho ô
Gộp ô
- Chọn các ô muốn gộp chọn nút Merges selected cells trong cửa sổ Properties
Tách ô
+ Split cell into: chọn tách ơ theo dịng (rows) hay cột (columns) + Number of rows (columns): chọn số dịng (hoặc cột) tách
Hình 3.25. Hộp thoại Split Cell
Chèn thêm cột/ hàng
- Đặt điểm chèn trong ơ muốn thêm cột hoặc dịng kề với nó chọn menu Insert Table Objects
+ Insert Row Above: chèn thêm một dòng bên trên ơ có điểm chèn. + Insert Row Below: chèn thêm một dịng bên dưới ơ có điểm chèn. + Insert Column to the Left: chèn thêm một cột bên trái ơ có điểm chèn. + Insert Column the Right: chèn thêm một cột bên phải ô điểm chèn.