Diendanraovataz.net - Diễn đàn rao vặt - Đăng tin mua bán - Quảng cáo miễn phí - Hiệu quả - Đôi lúc trong một trang web chúng ta cần miêu tả dữ liệu theo loại và theo cột theo một format nhất mực nào Đó như danh sách chi tiết những sản phẩm, danh sách những thành viên, Thống kê ngân sách thì thẻ table là một giải pháp thấp đáp ứng đề xuất Đó. Giới thiệu Đôi lúc trong trang web của Cả nhà cần miêu tả dữ liệu dưới dạng bảng như Microsoft Office Excel hay giống như hình dưới đây: TTF_RenderText_Solid Draw LATIN1 text in solid mode TTF_RenderUTF8_Solid Draw UTF8 text in solid mode TTF_RenderUNICODE_Solid Draw UNICODE text in solid mode TTF_RenderGlyph_Solid Draw a UNICODE glyph in solid mode Trong bài viết này tác kém chất lượng sẽ cùng Cả nhà Phân tích thẻ table và những thẻ tr, td trong HTML để giúp chúng ta sở hữu thể miêu tả dữ liệu theo mong muốn của mình. Tiền đề bài viết Bài viết nằm trong CHƯƠNG trình tự HỌC HTML Đối tượng hướng đến Bài viết hướng tới những lập trình viên mới tiếp cận sở hữu lập trình web và đã xem qua những bài viết về Lập trình HTML cơ bản. Cấu trúc thẻ table trước nhất chúng ta khởi đầu sở hữu demo cơ bản tiêu dùng thẻ table trong HTML sau Đó sẽ Phân tích cấu trúc của nó như thế nào. Bảng trong HTML được khái niệm bởi cặp thẻ đóng mở . Giữa cặp thẻ này bao gồm những loại được đĩnh nghĩa bởi thẻ (table row). Mỗi cặp thẻ tương ứng sở hữu một loại trong bảng. Trong mỗi loại được khái niệm bởi thẻ bao gồm phổ thông cột được khái niệm bởi thẻ (table data). Mỗi thẻ tương ứng sở hữu một cột trên loại hiện tại. Mỗi thẻ sở hữu thể đựng một table khác, hay những thẻ HTML như image, link, list, text. ví dụ như sau tôi chèn thẻ vào thẻ . Kết quả rowspan và colspan rowspan là tính chất giúp ta xác định số loại được gộp trong một phần tử. ví dụ về rowspan: Kết quả colspan: tương tự rowspan thì colspan là tính chất giúp ta xác định số cột được gộp trong một phần tử. ví dụ: Kết quả: Bạn nào cần Phân tích học lập trình web html 4. những cặp thẻ xử lý bảng: những bảng trong HTML được khái niệm như sau: khái niệm một bảng bởi cặp thẻ Trong một bảng (table) được chia làm phổ thông loại , mỗi loại ngừng bởi một cặp thẻ . Trong mỗi loại lại sở hữu những ô , ngừng bởi cặp thẻ chẳng hạn để khái niệm một bảng gồm sở hữu một loại và 3 ô, ta làm như sau: PHP Code: Ô thứ nhất Ô thứ 2 Ô thứ 3 Hoặc để khái niệm một bảng gồm hai loại, mỗi loại 3 ô: PHP Code: Ô thứ nhất loại 1 Ô thứ hai loại 1 Ô thứ 3 loại 1 Ô thứ nhất loại 2 Ô thứ hai loại 2 Ô thứ 3 loại 2 Chú ý: Số lượng những ô trong những loại phải bằng nhau, nếu như một loại nào Đó sở hữu số ô khác sở hữu loại khác, bảng sẽ bị "vỡ kế hoạch". Để khắc phục điều này, ta phải tính trước trong một bảng, số lượng tối đa những ô của một loại sẽ là bao nhiêu, sau Đó sở hữu thể tiêu dùng tính chất colspan của thẻ để gộp những ô trống trong cùng một hàng lại sở hữu nhau. tính chất colspan sẽ chỉ định số lượng những ô được gộp vào nhau trên một hàng. Chẳng hạn: PHP Code: Chập ô thứ nhất và ô thứ hai của loại 1 Ô thứ 3 loại 1 Ô thứ nhất loại 2 Ô thứ hai loại 2 Ô thứ 3 loại 2 một số tính chất sở hữu liên quan: Thẻ Table: - border: Xác định độ dày của sườn bao quanh quéo bảng - bordercolor: Màu của sườn bao quanh quéo, viết dưới dạng dấu # và 6 chữ số HEX tiếp theo. - cellspacing: Xác định khoảng cách thức giữa những ô trong bảng. - width: Xác định độ rộng của bảng - background: Xác định hình ảnh sẽ được tiêu dùng để làm nền cho toàn bảng - bgcolor: Xác định màu nền của bảng, viết theo kiểu #XXXXXX (số HEX). Thẻ - width: Độ rộng của ô - height: Chiều cao của ô - colspan: Xác định bao nhiêu ô tính từ ô Đó sẽ được chập vào làm một (trên cùng một dòng) - rowspan: Xác định bao nhiêu ô tính từ ô Đó sẽ được chập vào làm một (trên cùng một cột). - background: Xác định hình ảnh sẽ được tiêu dùng để làm nền cho ô - bgcolor: Xác định màu nền ô, viết theo kiểu #XXXXXX (số HEX). cơ bản về HTML - tiêu dùng loại biểu (form) để nhập dữ liệu Lời kết Trên đây tôi đã giới thiệu và demo một số ví dụ về tiêu dùng thẻ table. ngoài ra, để tiêu dùng table một cách thức thẩm mỹ, hợp lý hơn chúng phải cần phải xác định một số tính chất cho nó. Vấn đề này tôi sẽ nhắc tới trong những bài viết sau về CSS. kỳ vọng bài viết giúp ích cho Cả nhà trong quá trình học tập cũng như tăng trưởng website.
