HTML Tables
Bảng biên giới
Làm thế nào để xác định biên giới bảng khác nhau .
Làm thế nào để xác định biên giới bảng khác nhau .
(Bạn có thể tìm thấy ví dụ ở dưới cùng của trang này).
HTML Tables
Bảng được định nghĩa với các từ khóa <table>.
Một bảng được chia thành hàng (thẻ <tr>), và mỗi hàng được chia thành các tế bào dữ liệu (với thẻ <td>). td là viết tắt của "bảng dữ liệu, và nắm giữ nội dung của một tế bào dữ liệu. Một thẻ <td> có thể chứa văn bản, liên kết, hình ảnh, danh sách, biểu mẫu, các bảng khác, vv
Bảng Ví dụ
| <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table> |
Làm thế nào các mã HTML trên trình duyệt:
| hàng 1, tế bào 1 | hàng 1, tế bào 2 |
| dòng 2, tế bào 1 | hàng 2, tế bào 2 |
Bàn HTML và thuộc tính biên giới
Nếu bạn không chỉ định một thuộc tính biên giới, bảng sẽ được hiển thị mà không có biên giới. Đôi khi điều này có thể hữu ích, nhưng hầu hết thời gian, chúng tôi muốn các biên giới để hiển thị.
Để hiển thị một bảng với biên giới, xác định các thuộc tính biên giới:
| <table border="1"> <tr> <td>Row 1, cell 1</td> <td>Row 1, cell 2</td> </tr> </table> |
Bảng tiêu đề HTML
Tiêu đề thông tin trong một bảng được định nghĩa với các từ khóa <th>.
Tất cả các trình duyệt chính sẽ hiển thị văn bản trong các yếu tố <th> như in đậm và là trung tâm.
| <table border="1"> <tr> <th>Header 1</th> <th>Header 2</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table> |
Làm thế nào các mã HTML trên trình duyệt của bạn:
| Tiêu đề 1 | Tiêu đề 2 |
|---|---|
| hàng 1, tế bào 1 | hàng 1, tế bào 2 |
| dòng 2, tế bào 1 | hàng 2, tế bào 2 |
 | Nhiều ví dụ |
Bàn không có biên giới
Làm thế nào để tạo ra các bảng không có biên giới.
Làm thế nào để tạo ra các bảng không có biên giới.
Tiêu đề bảng
Làm thế nào để tạo ra các tiêu đề bảng.
Làm thế nào để tạo ra các tiêu đề bảng.
Bảng với một chú thích
như thế nào để thêm một chú thích vào một bảng.
như thế nào để thêm một chú thích vào một bảng.
Bảng tế bào kéo dài hơn một dòng / cột
Làm thế nào để xác định các tế bào bảng mở rộng thành nhiều hàng hoặc cột một.
Làm thế nào để xác định các tế bào bảng mở rộng thành nhiều hàng hoặc cột một.
Download bên trong một bảng
Làm thế nào để hiển thị các yếu tố bên trong các yếu tố khác.
Làm thế nào để hiển thị các yếu tố bên trong các yếu tố khác.
Tế bào đệm
Làm thế nào để sử dụng cellpadding để tạo ra không gian trắng hơn giữa nội dung di động và biên giới của nó.
Làm thế nào để sử dụng cellpadding để tạo ra không gian trắng hơn giữa nội dung di động và biên giới của nó.
Tế bào khoảng cách
Làm thế nào để sử dụng cellspacing để tăng khoảng cách giữa các tế bào.
Làm thế nào để sử dụng cellspacing để tăng khoảng cách giữa các tế bào.
Khung thuộc tính
Làm thế nào để sử dụng "khung" thuộc tính để kiểm soát biên giới xung quanh bàn .
Làm thế nào để sử dụng "khung" thuộc tính để kiểm soát biên giới xung quanh bàn .
Bảng Download HTML
| Tag | Mô tả |
|---|---|
| <table> | Định nghĩa một bảng |
| <th> | Định nghĩa một tiêu đề bảng |
| <tr> | Định nghĩa một dòng của bảng |
| <td> | Định nghĩa một ô trong bảng |
| <caption> | Định nghĩa một bảng chú thích |
| <colgroup> | Định nghĩa một nhóm của các cột trong một bảng, để định dạng |
| <col /> | Xác định giá trị thuộc tính cho một hoặc nhiều cột trong một bảng |
| <thead> | Nhóm nội dung tiêu đề trong một bảng |
| <tbody> | Nhóm nội dung cơ thể trong một bảng |
| <tfoot> | Nhóm các nội dung footer trong một bảng |
0 Response to "HTML Tables"
Đăng nhận xét