Hiện nay để xây dựng bố cục của một trang web thì có thể CSS là ngôn ngữ được sử dụng phổ biến nhất. Tuy nhiên trước đây khi CSS còn chưa phổ biến thì cách đơn giản nhất để tạo ra các bố cục đang sử dụng thẻ trong HTML. Go to the tagcó cấu trúc như thế nào? . Đi nào Show 1. Cấu trúc cơ bản của bảng thẻNhư chúng ta thường thấy một bảng (table) thông thường bao gồm các hàng và các cột khác nhau. Trong HTML cũng vậy. To show an table we used tag , bên trong bảng đó, bao gồm các hàng được biểu thị bằng thẻ và các cột được biểu thị bằng thẻ. Lưu ý bên trong thẻ thì chỉ có thể có thẻ. Ví dụKết quả Một bảng được tạo ra với 2 hàng 3 cột Một số trình duyệt tự động sinh ra các đường viền bao quanh các hàng, cột, bảng. Bạn cũng có thể thêm tùy chọn trang trí bảng tùy chọn bằng các thuộc tính như sau Thẻ Table Trong HTML 123456 2. Cách sắp xếp các cột và hàng trong bảngĐể tùy chỉnh số ô của từng cột và từng hàng chúng ta sử dụng thuộc tính colspan và rowspan. Thuộc tính colspan giúp chúng ta khai thác các ô gần nhau của các cột. Ví dụ Thẻ Table Trong HTML Hàng 1 cột 1 + hàng 1 cột 23456 Để sắp 2 ô Cạnh nhau (ô 1 và ô 2 ) trên 2 cột khác nhau ( cột 1 và cột 2) ta đặt thuộc tính colspan tại ô đầu tiên từ bên trái qua ( ô 1 cột 1) sau đó xóa ô liền kề Kết quả Khi thiết lập colspan = "2", ô của hàng đầu tiên sẽ mở rộng ra bằng 2 cột. Nếu bạn thiết lập colspan = "3", ô sẽ mở rộng ra thành 3 cột. Tương tự ta có thể vượt qua các ô cạnh nhau của các hàng. Dưới đây chúng ta sẽ mở rộng ô 1 của hàng 1 và ô 4 của hàng 2 thành ô 1 Thẻ Table Trong HTML 1+42356 Kết quả 3. Cách sử dụng , , trong bảng thẻCó ba thẻ giúp phân biệt giữa nội dung chính của bảng với các hàng đầu tiên và cuối cùng (có thể chứa các nội dung khác nhau). Những thẻ này giúp chúng ta tạo ra bố cục phù hợp với nội dung từ đó làm cho người đọc dễ hiểu. Ví dụ Thẻ Table Trong HTML Cột 1 Cột 2 Cột 3 123456 1+4=5 2+5=7 3+6=9 Kết quả in which
Tuy nhiên, hiện tại các nhà thiết kế thường sử dụng CSS để thay đổi giao diện của chúng. Chúng ta sẽ được học ở bài CSS Vì vậy, trong bài học này, chúng ta đã tìm hiểu cách thêm một bảng vào trong một trang web rồi đúng không nào. Để có thể thiết kế bố cục hoàn toàn bằng bảng trong HTML, bạn có thể xem video hướng dẫn tại đây. Chúc các bạn học tốt Để tạo bảng trong HTML, chúng ta sử dụng bảng thẻ. Bảng được tạo bởi các dòng (hàng) và các cột (cột). Để tạo hàng chúng ta sử dụng thẻ tr và để tạo bảng chúng ta sử dụng thẻ td
|