Video: Học html css - #8 – Cách tạo bảng trong webiste (Table) 2025
Bạn có thể chèn bảng bằng cách nhấp vào biểu tượng Bảng trong bảng chèn bố cục của Dreamweaver hoặc bằng cách sử dụng Chèn trình đơn, như được hiển thị trong các hướng dẫn từng bước sau. Đừng lo lắng về hoàn thiện cài đặt, bạn thay đổi tất cả các tùy chọn này sau (ngoại trừ các cài đặt trợ năng, chỉ có thể chỉnh sửa trong Chế độ xem mã sau khi bạn Tạo một bảng trong Dreamweaver:
-
Trong trường Table Width, nhập chiều rộng của bảng và sau đó chọn Percent or Pixels từ danh sách thả xuống
-
Nếu bạn chọn Pixels, bảng sẽ được tạo ra với một kích thước cố định. f bạn chọn phần trăm, bảng sẽ mở rộng hoặc hợp đồng với kích thước dựa trên kích thước của cửa sổ trình duyệt. Ví dụ: nếu bạn tạo một bảng và đặt kích thước thành 80 phần trăm, bảng sẽ điền vào 80 phần trăm không gian cửa sổ trình duyệt.
-
Trong trường Độ dày biên, xác định độ dày của đường viền của bảng theo pixel.
Bạn có thể nhập một 0 trong trường này để tạo ra một bảng không có đường viền hữu hình.
-
Trong các trường Cell Padding và Cell Spacing, nhập số điểm ảnh của khoảng cách tế bào và khoảng cách ô, tương ứng, cho bảng của bạn.
Các trường đệm và khoảng trống có thể để trống để tạo ra một bảng mà không cần thêm padding hoặc khoảng cách. Ngoài ra, bạn có thể tạo một kiểu CSS chỉ định khoảng cách.Chọn tuỳ chọn Header bằng cách nhấp vào biểu tượng đại diện cho vị trí tiêu đề mà bạn muốn trong bảng.
-
(Tùy chọn) Trong trường Trợ năng, thêm phụ đề và tóm tắt.
Các trường này cung cấp thông tin bổ sung có thể hữu ích cho những người khiếm thính và những người khác đang lướt web bằng cách sử dụng trình đọc màn hình hoặc các trình duyệt web khác đọc các trang web lớn.
-
Nhấp vào OK.
-
Bảng được thêm vào trang trong Dreamweaver và hộp thoại Bảng đóng lại.
Để thêm văn bản vào bảng, nhấp để đặt con trỏ vào bất kỳ ô nào trong bảng và nhập dữ liệu bạn muốn vào ô đó. Lặp lại cho mỗi ô.
-
Ngoài ra, bạn có thể sử dụng Chỉnh sửa → Dán Đặc biệt để chèn dữ liệu cột từ một chương trình khác, chẳng hạn như Excel.
Để chèn một hình ảnh vào một ô, nhấn để đặt con trỏ vào bất cứ ô nào trong bảng và sau đó chọn Insert → Image → Image. Lặp lại cho mỗi ô.
-
Cách khác, bạn có thể sử dụng biểu tượng Hình ảnh trong bảng Chèn thông thường.
Áp dụng các tùy chọn định dạng, chẳng hạn như đậm hoặc nghiêng, tới các ô đã chọn và nội dung của chúng bằng cách chọn tùy chọn từ Thanh tra Nhà.
-
Bạn có thể chỉnh sửa tất cả các tùy chọn bảng, ngoại trừ các tùy chọn Trợ năng, trong thanh tra thuộc tính sau khi bạn tạo một bảng. Khi bạn chọn một bảng hoặc ô bằng cách nhấp vào nó trong không gian làm việc của Dreamweaver, các thuộc tính xuất hiện trong thanh tra Thuộc tính ở dưới cùng của khu vực làm việc.
Nhấp vào biên giới của bảng bất kỳ để chọn toàn bộ bảng và thanh tra Thuộc tính hiển thị các tùy chọn bảng. Để xem tất cả các tùy chọn, hãy nhấp vào mũi tên của trình mở rộng ở góc dưới bên phải của Thanh tra Nhà xuất bản.
-
Tín dụng: Ảnh của Janine Warner
Đôi khi chọn toàn bộ bảng và không chỉ là một ô riêng lẻ là rất khôn lanh. Nếu bạn đang gặp sự cố khi chọn bảng, chỉ cần đặt con trỏ vào bất kỳ đâu trong bảng và chọn Modify → Table → Select Table.