Đối tượng bảng
Đối tượng bảng đại diện cho một phần tử HTML.
Truy cập một đối tượng bảng
Bạn có thể truy cập một phần tử bằng cách sử dụng getEuityById []:
Tạo một đối tượng bảng
Bạn có thể tạo một phần tử bằng cách sử dụng phương thức tài liệu.createelement []:
Bộ sưu tập đối tượng bảng
hàng | Trả về một bộ sưu tập tất cả các yếu tố trong bảng |
Tbodes | Trả về một bộ sưu tập tất cả các yếu tố trong bảng |
Tbodes
hàng | Trả về một bộ sưu tập tất cả các yếu tố trong bảng Sets or returns the alignment of a table according to surrounding text |
Tbodes | Bảng thuộc tính đối tượng Sets or returns the background image of a table |
Tài sản | căn chỉnh Sets or returns the background color of a table |
Không được hỗ trợ trong HTML5. Sử dụng style.cssfloat thay thế.sets hoặc trả về sự liên kết của bảng theo văn bản xung quanh | lai lịch Sets or returns the width of the table border. |
Không được hỗ trợ trong HTML5. Sử dụng style.background thay thế.sets hoặc trả về hình ảnh nền của bảng | BGColor |
Không được hỗ trợ trong HTML5. Sử dụng style.backgroundColor thay thế.sets hoặc trả về màu nền của bảng | biên giới Sets or returns the amount of space between the cell border and cell content |
Phản đối. Sử dụng style.border thay thế.sets hoặc trả về chiều rộng của đường viền bảng. | đầu đề Sets or returns the amount of space between the cells in a table |
Trả về phần tử của bảng | Cellpadding Sets or returns which outer-borders [of a table] that should be displayed |
Không được hỗ trợ trong HTML5. Sử dụng style.padding thay thế.sets hoặc trả về lượng không gian giữa đường viền ô và nội dung ô | Tế bào Sets or returns the height of a table |
Không được hỗ trợ trong HTML5. Sử dụng style.borderspaces thay thế.sets hoặc trả về lượng không gian giữa các ô trong bảng | khung Sets or returns which inner-borders [between the cells] that should be displayed in a table |
Không được hỗ trợ trong HTML5.SET hoặc trả về những vùng ngoài [của bảng] nên được hiển thị | Chiều cao Sets or returns a description of the data in a table |
Không được hỗ trợ trong HTML5. Sử dụng style.height thay thế.sets hoặc trả về chiều cao của bảng | quy tắc |
Không được hỗ trợ trong HTML5.SET hoặc trả về các vùng bên trong [giữa các ô] nên được hiển thị trong bảng | quy tắc |
Không được hỗ trợ trong HTML5.SET hoặc trả về các vùng bên trong [giữa các ô] nên được hiển thị trong bảng | bản tóm tắt Sets or returns the width of the table |
Không được hỗ trợ trong HTML5.SET hoặc trả về mô tả dữ liệu trong bảng
hàng | Trả về một bộ sưu tập tất cả các yếu tố trong bảng |
Tbodes | Trả về một bộ sưu tập tất cả các yếu tố trong bảng |
Tbodes | Trả về một bộ sưu tập tất cả các yếu tố trong bảng |
Tbodes | Bảng thuộc tính đối tượng |
Tài sản | căn chỉnh |
Không được hỗ trợ trong HTML5. Sử dụng style.cssfloat thay thế.sets hoặc trả về sự liên kết của bảng theo văn bản xung quanh | lai lịch |
Không được hỗ trợ trong HTML5. Sử dụng style.background thay thế.sets hoặc trả về hình ảnh nền của bảng | lai lịch |
Không được hỗ trợ trong HTML5. Sử dụng style.background thay thế.sets hoặc trả về hình ảnh nền của bảng | Trả về một bộ sưu tập tất cả các yếu tố trong bảng |
Tbodes
Bảng thuộc tính đối tượng
Tài sản
căn chỉnh
Không được hỗ trợ trong HTML5. Sử dụng style.cssfloat thay thế.sets hoặc trả về sự liên kết của bảng theo văn bản xung quanh
Thẻ bảng HTML
Thí dụ
Tiêu đề bảng | Đôi khi bạn muốn các ô của bạn là ô tiêu đề bảng. Trong những trường hợp đó, hãy sử dụng thẻ thay vì thẻ 0 là viết tắt của tiêu đề bảng. | ||
Đặt hàng đầu tiên là các ô tiêu đề bảng: | & nbsp; & nbsp; & nbsp; Người 1 & nbsp; & nbsp; & nbsp; Người 2 & nbsp; & nbsp; & nbsp; Người 3 & nbsp; & nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp; | Theo mặc định, văn bản trong các phần tử được in đậm và tập trung, nhưng bạn có thể thay đổi điều đó bằng CSS. | |
Bài tập HTML | Thẻ bảng HTML | Nhãn | |
Sự mô tả | Maria Anders | Xác định một bảng | |
Xác định ô tiêu đề trong bảng | Xác định một hàng trong bảng | Xác định một ô trong bảng | |
Xác định chú thích bảng | Chỉ định một nhóm của một hoặc nhiều cột trong bảng để định dạng | Chỉ định các thuộc tính cột cho mỗi cột trong một phần tử |
Hãy tự mình thử »
Nhóm nội dung tiêu đề trong bảng
Nhóm nội dung cơ thể trong bàn
Thí dụ
& nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp;
Bạn có thể có bao nhiêu hàng tùy thích trong một bàn; Chỉ cần đảm bảo rằng số lượng ô giống nhau trong mỗi hàng.
Company
Contact
Country
Hãy tự mình thử »
Lưu ý: Có những lúc một hàng có thể có ít hoặc nhiều ô hơn một hàng khác. Bạn sẽ tìm hiểu về điều đó trong một chương sau.
Tiêu đề bảng
Đôi khi bạn muốn các ô của bạn là ô tiêu đề bảng. Trong những trường hợp đó, hãy sử dụng thẻ thay vì thẻ
0 là viết tắt của tiêu đề bảng.:
Thí dụ
& nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp;
Hãy tự mình thử »
Lưu ý: Một ô bảng có thể chứa tất cả các loại phần tử HTML: văn bản, hình ảnh, danh sách, liên kết, các bảng khác, v.v. A table cell can contain all sorts of HTML elements: text, images, lists, links, other tables, etc.
Hàng bảng
Mỗi hàng bảng bắt đầu bằng
. và kết thúc bằng thẻ
tr
là viết tắt của hàng bảng.
Thí dụ
& nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp;
Hãy tự mình thử »
Bạn có thể có bao nhiêu hàng tùy thích trong một bàn; Chỉ cần đảm bảo rằng số lượng ô giống nhau trong mỗi hàng.
Lưu ý: Có những lúc một hàng có thể có ít hoặc nhiều ô hơn một hàng khác. Bạn sẽ tìm hiểu về điều đó trong một chương sau. There are times when a row can have less or more cells than another. You will learn about that in a later chapter.
Tiêu đề bảng
Đôi khi bạn muốn các ô của bạn là ô tiêu đề bảng. Trong những trường hợp đó, hãy sử dụng thẻ thay vì thẻ
0 là viết tắt của tiêu đề bảng.:
Thí dụ
& nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp;
Bạn có thể có bao nhiêu hàng tùy thích trong một bàn; Chỉ cần đảm bảo rằng số lượng ô giống nhau trong mỗi hàng.
Person 1
Person 2
Person 3
Hãy tự mình thử »
Lưu ý: Có những lúc một hàng có thể có ít hoặc nhiều ô hơn một hàng khác. Bạn sẽ tìm hiểu về điều đó trong một chương sau.
Tiêu đề bảng
Đôi khi bạn muốn các ô của bạn là ô tiêu đề bảng. Trong những trường hợp đó, hãy sử dụng thẻ
thay vì thẻ :
0 là viết tắt của tiêu đề bảng.Đặt hàng đầu tiên là các ô tiêu đề bảng:& nbsp; & nbsp; & nbsp; Người 1 & nbsp; & nbsp; & nbsp; Người 2 & nbsp; & nbsp; & nbsp; Người 3 & nbsp; & nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp; Theo mặc định, văn bản trong các phần tử
được in đậm và tập trung, nhưng bạn có thể thay đổi điều đó bằng CSS. & nbsp; & nbsp; & nbsp; Người 1 & nbsp; & nbsp; & nbsp; Người 2 & nbsp; & nbsp; & nbsp; Người 3 & nbsp; & nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp; Theo mặc định, văn bản trong các phần tử
được in đậm và tập trung, nhưng bạn có thể thay đổi điều đó bằng CSS. & nbsp; & nbsp; & nbsp; Người 1 & nbsp; & nbsp; & nbsp; Người 2 & nbsp; & nbsp; & nbsp; Người 3 & nbsp; & nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp; Theo mặc định, văn bản trong các phần tử
được in đậm và tập trung, nhưng bạn có thể thay đổi điều đó bằng CSS. & nbsp; & nbsp; & nbsp; Người 1 & nbsp; & nbsp; & nbsp; Người 2 & nbsp; & nbsp; & nbsp; Người 3 & nbsp; & nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp; Theo mặc định, văn bản trong các phần tử
được in đậm và tập trung, nhưng bạn có thể thay đổi điều đó bằng CSS. & nbsp; & nbsp; & nbsp; Người 1 & nbsp; & nbsp; & nbsp; Người 2 & nbsp; & nbsp; & nbsp; Người 3 & nbsp; & nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp; Theo mặc định, văn bản trong các phần tử
được in đậm và tập trung, nhưng bạn có thể thay đổi điều đó bằng CSS. & nbsp; & nbsp; & nbsp; Người 1 & nbsp; & nbsp; & nbsp; Người 2 & nbsp; & nbsp; & nbsp; Người 3 & nbsp; & nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp; Theo mặc định, văn bản trong các phần tử
được in đậm và tập trung, nhưng bạn có thể thay đổi điều đó bằng CSS. & nbsp; & nbsp; & nbsp; Người 1 & nbsp; & nbsp; & nbsp; Người 2 & nbsp; & nbsp; & nbsp; Người 3 & nbsp; & nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp; Theo mặc định, văn bản trong các phần tử
được in đậm và tập trung, nhưng bạn có thể thay đổi điều đó bằng CSS. & nbsp; & nbsp; & nbsp; Người 1 & nbsp; & nbsp; & nbsp; Người 2 & nbsp; & nbsp; & nbsp; Người 3 & nbsp; & nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp; Theo mặc định, văn bản trong các phần tử
được in đậm và tập trung, nhưng bạn có thể thay đổi điều đó bằng CSS. & nbsp; & nbsp; & nbsp; Người 1 & nbsp; & nbsp; & nbsp; Người 2 & nbsp; & nbsp; & nbsp; Người 3 & nbsp; & nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp; Theo mặc định, văn bản trong các phần tử
được in đậm và tập trung, nhưng bạn có thể thay đổi điều đó bằng CSS. & nbsp; & nbsp; & nbsp; Người 1 & nbsp; & nbsp; & nbsp; Người 2 & nbsp; & nbsp; & nbsp; Người 3 & nbsp; & nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp; Theo mặc định, văn bản trong các phần tử
được in đậm và tập trung, nhưng bạn có thể thay đổi điều đó bằng CSS.
Bài tập HTML
Chủ Đề
& nbsp; & nbsp; & nbsp; Người 1 & nbsp; & nbsp; & nbsp; Người 2 & nbsp; & nbsp; & nbsp; Người 3 & nbsp; & nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp; | Theo mặc định, văn bản trong các phần tử được in đậm và tập trung, nhưng bạn có thể thay đổi điều đó bằng CSS. |
& nbsp; & nbsp; & nbsp; Người 1 & nbsp; & nbsp; & nbsp; Người 2 & nbsp; & nbsp; & nbsp; Người 3 & nbsp; & nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp; | Theo mặc định, văn bản trong các phần tử được in đậm và tập trung, nhưng bạn có thể thay đổi điều đó bằng CSS. |
& nbsp; & nbsp; & nbsp; Người 1 & nbsp; & nbsp; & nbsp; Người 2 & nbsp; & nbsp; & nbsp; Người 3 & nbsp; & nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp; | Theo mặc định, văn bản trong các phần tử được in đậm và tập trung, nhưng bạn có thể thay đổi điều đó bằng CSS. |
& nbsp; & nbsp; & nbsp; Người 1 & nbsp; & nbsp; & nbsp; Người 2 & nbsp; & nbsp; & nbsp; Người 3 & nbsp; & nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp; | Theo mặc định, văn bản trong các phần tử được in đậm và tập trung, nhưng bạn có thể thay đổi điều đó bằng CSS. |
& nbsp; & nbsp; & nbsp; Người 1 & nbsp; & nbsp; & nbsp; Người 2 & nbsp; & nbsp; & nbsp; Người 3 & nbsp; & nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp; | Theo mặc định, văn bản trong các phần tử được in đậm và tập trung, nhưng bạn có thể thay đổi điều đó bằng CSS. |
& nbsp; & nbsp; & nbsp; Người 1 & nbsp; & nbsp; & nbsp; Người 2 & nbsp; & nbsp; & nbsp; Người 3 & nbsp; & nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp; | Theo mặc định, văn bản trong các phần tử được in đậm và tập trung, nhưng bạn có thể thay đổi điều đó bằng CSS. |
& nbsp; & nbsp; & nbsp; Người 1 & nbsp; & nbsp; & nbsp; Người 2 & nbsp; & nbsp; & nbsp; Người 3 & nbsp; & nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp; | Theo mặc định, văn bản trong các phần tử được in đậm và tập trung, nhưng bạn có thể thay đổi điều đó bằng CSS. |
& nbsp; & nbsp; & nbsp; Người 1 & nbsp; & nbsp; & nbsp; Người 2 & nbsp; & nbsp; & nbsp; Người 3 & nbsp; & nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp; | Theo mặc định, văn bản trong các phần tử được in đậm và tập trung, nhưng bạn có thể thay đổi điều đó bằng CSS. |
& nbsp; & nbsp; & nbsp; Người 1 & nbsp; & nbsp; & nbsp; Người 2 & nbsp; & nbsp; & nbsp; Người 3 & nbsp; & nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp; | Theo mặc định, văn bản trong các phần tử được in đậm và tập trung, nhưng bạn có thể thay đổi điều đó bằng CSS. |
& nbsp; & nbsp; & nbsp; Người 1 & nbsp; & nbsp; & nbsp; Người 2 & nbsp; & nbsp; & nbsp; Người 3 & nbsp; & nbsp; & nbsp; & nbsp; Emil & nbsp; & nbsp; & nbsp; Tobias & nbsp; & nbsp; & nbsp; Linus & nbsp; & nbsp; & nbsp; & nbsp; 16 & nbsp; & nbsp; & nbsp; 14 & nbsp; & nbsp; & nbsp; 10 & nbsp; | Theo mặc định, văn bản trong các phần tử được in đậm và tập trung, nhưng bạn có thể thay đổi điều đó bằng CSS. |
Bài tập HTML