Hướng dẫn create table in javascript w3schools - tạo bảng trong javascript w3schools
Đối tượng bảngĐối tượng bảng đại diện cho một phần tử HTML. Show
|
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ẻ & 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; thay vì thẻ
0 là viết tắt của tiêu đề bảng.: Thí dụ
Emil
Tobias
Linus
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ẻ & 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. thay vì thẻ
0 là viết tắt của tiêu đề bảng.: Thí dụ
Person 1
Person 2
Person 3
Emil
Tobias
Linus
16
14
10
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
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ử
| |
& 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ử
| |
& 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ử
| |
& 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ử
| |
& 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ử
| |
& 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ử
| |
& 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ử
| |
& 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ử
| |
& 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ử
| |
& 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ử
|
Bài tập HTML