Làm thế nào để xây dựng một bảng 2x2

Các bảng HTML dễ tạo ra khi bạn hiểu các khái niệm cơ bản của các hàng và cột - và cũng một khi bạn hiểu khi nào thì sử dụng bảng và khi nào bạn nên tránh chúng.

Lịch sử tóm tắt về các bảng và thiết kế web

Nhiều năm trước, trước khi có thể chấp nhận các tiêu chuẩn CSS và web, các nhà thiết kế web đã sử dụng phần tử HTML

để tạo bố cục trang cho các trang web. Thiết kế trang web sẽ được "cắt lát" thành những mẩu nhỏ như một câu đố và sau đó kết hợp với một bảng HTML để hiển thị trong trình duyệt như dự định. Đó là một quá trình rất phức tạp đã tạo ra nhiều đánh dấu HTML bổ sung và sẽ không bao giờ có thể sử dụng được trong thế giới đa màn hình mà trang web của chúng tôi sống . Khi CSS trở thành phương pháp được chấp nhận cho hình ảnh và bố cục trang web, việc sử dụng các bảng cho điều này trở nên xa lánh và nhiều nhà thiết kế web nhầm lẫn tin rằng "các bảng là xấu". Đó là và không đúng sự thật. Bảng cho bố trí là xấu, nhưng họ vẫn có một vị trí trong thiết kế web và HTML, cụ thể là để hiển thị dữ liệu dạng bảng như lịch lịch tàu. Đối với nội dung đó, việc sử dụng một bảng vẫn là một cách tiếp cận tốt và có thể chấp nhận được.

Vậy làm thế nào để bạn bố trí một bảng? Hãy bắt đầu bằng cách tạo một bảng đơn giản 2x2. Điều này sẽ có 2 cột (đây là các khối dọc) và 2 hàng (các khối ngang). Sau khi bạn đã xây dựng một bảng 2x2, bạn có thể xây dựng bất kỳ bảng kích thước nào bạn muốn chỉ bằng cách thêm các hàng hoặc cột bổ sung.

Độ khó: Trung bình

Thời gian bắt buộc: 10 phút

Dưới đây là cách thực hiện:

  1. Đầu tiên mở bảng
  • Mở hàng đầu tiên bằng thẻ tr
  • Mở cột đầu tiên bằng thẻ td
  • Viết nội dung của ô
  • Đóng ô đầu tiên và mở ô thứ hai
  • Viết nội dung của ô thứ hai
  • Đóng ô thứ hai và đóng hàng
  • Viết hàng thứ hai chính xác như
  • đầu tiên
  • Sau đó đóng bảng
  • Bạn cũng có thể chọn thêm các tiêu đề bảng vào bảng của bạn bằng phần tử

    . Các tiêu đề bảng này sẽ thay thế các phần "bảng dữ liệu" trong hàng của bảng đầu tiên, như sau:

    Khi trang này sẽ hiển thị trong trình duyệt, hàng đầu tiên với tiêu đề bảng, theo mặc định, hiển thị bằng văn bản in đậm và chúng sẽ được căn giữa trong ô bảng mà chúng xuất hiện.

    Vì vậy, nó là OK để sử dụng bảng trong HTML?

    Có - miễn là bạn không sử dụng chúng cho mục đích bố trí. Nếu bạn cần hiển thị thông tin dạng bảng, một bảng là cách để làm như vậy. Trong thực tế, tránh một bảng vì một số độ tinh khiết sai lầm để tránh yếu tố HTML hợp pháp này là ngược như sử dụng chúng vì lý do bố trí trong ngày và tuổi tác.

    Viết bởi Jennifer Kyrin. Biên tập bởi Jeremy Girard vào ngày 8/11/16

    Tên Vai trò
    Jeremy Nhà thiết kế < td> Jennifer Nhà phát triển