TR và TD trong bảng HTML là gì?
|
Các bảng HTML cho phép tác giả web sắp xếp dữ liệu như văn bản, hình ảnh, liên kết, các bảng khác, v.v. thành hàng và cột của ô Show Các bảng HTML được tạo bằng cách sử dụng thẻ trong đó thẻ được sử dụng để tạo các hàng của bảng và thẻ được sử dụng để tạo các ô dữ liệu. Các phần tử nằm dưới thông thường và được căn trái theo mặc định Thí dụ
HTML Tables
Row 1, Column 1
Row 1, Column 2
Row 2, Column 1
Row 2, Column 2
Điều này sẽ tạo ra kết quả sau - Ở đây, đường viền là một thuộc tính của thẻ và nó được sử dụng để đặt đường viền trên tất cả các ô. Nếu bạn không cần đường viền, thì bạn có thể sử dụng đường viền = "0" đầu bảngTiêu đề bảng có thể được xác định bằng cách sử dụng - để tạo một tiêu đề bảng riêng biệtMột bảng có thể chứa nhiều Thí dụ
HTML Table
thẻ. Thẻ này sẽ được đặt vào thẻ thay thế, được sử dụng để biểu thị ô dữ liệu thực tế. Thông thường, bạn sẽ đặt hàng trên cùng của mình làm tiêu đề bảng như hình bên dưới, nếu không, bạn có thể sử dụng phần tử trong bất kỳ hàng nào. Các tiêu đề, được xác định trong thẻ được căn giữa và in đậm theo mặc địnhThí dụ
HTML Table Header
Name
Salary
Ramesh Raman
5000
Shabbir Hussein
7000
Điều này sẽ tạo ra kết quả sau - Thuộc tính Cellpadding và CellspacesCó hai thuộc tính được gọi là cellpadding và cellspacing mà bạn sẽ sử dụng để điều chỉnh khoảng trắng trong các ô của bảng. Thuộc tính Cellspacing xác định khoảng cách giữa các ô của bảng, trong khi Cellpadding biểu thị khoảng cách giữa các đường viền ô và nội dung trong ô Thí dụ
HTML Table Cellpadding
Name
Salary
Ramesh Raman
5000
Shabbir Hussein
7000
Điều này sẽ tạo ra kết quả sau - Thuộc tính Colspan và RowspanBạn sẽ sử dụng thuộc tính colspan nếu bạn muốn hợp nhất hai hoặc nhiều cột thành một cột. Cách tương tự bạn sẽ sử dụng rowspan nếu bạn muốn hợp nhất hai hoặc nhiều hàng Thí dụ
HTML Table Colspan/Rowspan
Column 1
Column 2
Column 3
Row 1 Cell 1
Row 1 Cell 2
Row 1 Cell 3
Row 2 Cell 2
Row 2 Cell 3
Row 3 Cell 1
Điều này sẽ tạo ra kết quả sau - Hình Nền BànBạn có thể đặt nền bảng bằng một trong hai cách sau -
Bạn cũng có thể đặt màu đường viền bằng thuộc tính bordercolor
Thí dụ
HTML Table Background
Column 1
Column 2
Column 3
Row 1 Cell 1
Row 1 Cell 2
Row 1 Cell 3
Row 2 Cell 2
Row 2 Cell 3
Row 3 Cell 1
Điều này sẽ tạo ra kết quả sau - Dưới đây là một ví dụ về việc sử dụng thuộc tính nền. Ở đây chúng ta sẽ sử dụng một hình ảnh có sẵn trong thư mục /images
HTML Table Background
Column 1
Column 2
Column 3
Row 1 Cell 1
Row 1 Cell 2Row 1 Cell 3
Row 2 Cell 2
Row 2 Cell 3
Row 3 Cell 1
Điều này sẽ tạo ra kết quả sau. Ở đây hình nền không áp dụng cho tiêu đề của bảng Chiều cao và chiều rộng của bảngBạn có thể đặt chiều rộng và chiều cao của bảng bằng thuộc tính chiều rộng và chiều cao. Bạn có thể chỉ định chiều rộng hoặc chiều cao của bảng theo pixel hoặc theo tỷ lệ phần trăm của diện tích màn hình có sẵn Thí dụ
HTML Table Width/Height
Row 1, Column 1
Row 1, Column 2
Row 2, Column 1
Row 2, Column 2
Điều này sẽ tạo ra kết quả sau - Bảng chú thíchThẻ chú thích sẽ đóng vai trò là tiêu đề hoặc giải thích cho bảng và nó hiển thị ở đầu bảng. Thẻ này không được dùng trong phiên bản HTML/XHTML mới hơn Thí dụ________số 8_______Điều này sẽ tạo ra kết quả sau - Đầu trang, Nội dung và Chân trang của BảngCác bảng có thể được chia thành ba phần - phần đầu, phần thân và phần chân. Phần đầu và phần cuối khá giống với phần đầu và phần cuối trong tài liệu soạn thảo văn bản, giữ nguyên cho mọi trang, trong khi phần thân là nơi chứa nội dung chính của bảng Ba yếu tố để tách phần đầu, phần thân và phần chân của bàn là - Điều này sẽ tạo ra kết quả sau - Bảng lồng nhauBạn có thể sử dụng một bảng bên trong một bảng khác. Không chỉ các bảng, bạn có thể sử dụng hầu hết tất cả các thẻ bên trong thẻ dữ liệu bảng Sự khác biệt giữa thẻ TD và TR là gì?Thẻ tbody bắt đầu vùng nội dung (dữ liệu), cùng một thẻ tr tạo một hàng và thẻ td tạo các ô dữ liệu trong mỗi hàng.
TD trong bảng trong HTML là gì?Thẻ xác định ô dữ liệu chuẩn trong bảng HTML. Một bảng HTML có hai loại ô. Ô tiêu đề - chứa thông tin tiêu đề (được tạo bằng phần tử
TR được sử dụng để làm gì trong HTML?Thẻ xác định một hàng trong bảng HTML . Phần tử |
