Mọi thứ bạn cần biết về Bảng HTML



Bài viết này sẽ cung cấp cho bạn kiến ​​thức về Bảng HTML chi tiết và toàn diện. Các thẻ và định dạng khác nhau có thể được thực hiện.

Kể từ khi ra đời công nghệ, bảng là một cách phổ biến để lưu trữ và hiển thị dữ liệu. Nó được sử dụng trong hầu hết các lĩnh vực để trình bày thông tin văn bản và dữ liệu số, trong đó bạn có thể dễ dàng so sánh hai hoặc nhiều phần tử. Trong bài viết này, tôi sẽ thảo luận về Các bảng theo thứ tự sau:

Bảng HTML là gì?

Nói cách đơn giản, bảng là tập hợp dữ liệu có liên quan bao gồm các hàng & cột. Như chúng ta đã biết HTML là một ngôn ngữ đánh dấu tiêu chuẩn để tạo các trang web và hiển thị nó trong trình duyệt web. Vì vậy, tạo và làm việc với bảng trở thành một kỹ năng phụ quan trọng để thành thạo HTML. Trong blog này, chúng ta sẽ học cách làm việc với các bảng trong HTML.





HTML5
Để xác định bảng HTML, chúng tôi sử dụng

nhãn. Phía trong
, trước tiên bạn xác định các hàng trong bảng với nhãn. Tiếp theo, bạn xác định tiêu đề bảng trong thẻ chứa nội dung của bảng.

cách cài đặt lý tưởng nhật thực
Bảng HTML có đầu trang, chân trang và nội dung
nhãn. Dữ liệu hoặc ô trong bảng được xác định bằng cách sử dụng nhãn.

Thẻ bảng HTML

Đầu tiên chúng ta hãy xem danh sách các thẻ HTML được sử dụng để tạo bảng. Sau đó, tiếp tục trong blog này, chúng ta sẽ học cách sử dụng chúng với sự trợ giúp của các ví dụ.



__init __ (bản thân)
  • :Được sử dụng để xác định một bảng
  • :Được sử dụng để xác định một hàng trong bảng
  • : Được sử dụng để nhóm nội dung nội dung trong một bảng
  • : Được sử dụng để nhóm nội dung chân trang trong một bảng
  • Bây giờ, hãy xem mã HTML mẫu để tạo bảng.

     
    : Được sử dụng để xác định ô tiêu đề trong bảng
  • : Được sử dụng để xác định một ô trong bảng
  • : Được sử dụng để xác định chú thích của bảng
  • : Được sử dụng để chỉ định một nhóm gồm một hoặc nhiều cột trong bảng để định dạng
  • : Được sử dụng để chỉ định thuộc tính cột cho mỗi cột trong một phần tử
  • : Được sử dụng để nhóm nội dung tiêu đề trong một bảng
  • Tên Tuổi tác
    Abhishek 18
    Bob 2. 3

    Đầu ra:



    Các biến thể của Bảng HTML

    • Thuộc tính Cellpadding và Cellspacing

    Có hai thuộc tính được gọi là cellpadding và cellspacing mà bạn có thể sử dụng để điều chỉnh khoảng trắng trong các ô bảng của mình. Thuộc tính cellspacing xác định khoảng cách giữa các ô trong bảng, trong khi cellpadding biểu thị khoảng cách giữa các đường viền ô và nội dung trong một ô.

    Cellspacing & Cellpadding
    Tên Tuổi tác
    Abhishek mười lăm
    Bob 2. 3

    • Thuộc tính Colspan và Rowspan

    Thuộc tính Colspan được sử dụng để hợp nhất hai hoặc nhiều cột, trong khi các khoảng cách hàng được sử dụng để hợp nhất hai hoặc nhiều hàng.

    Colspan & Rowspan
    Lô hàng Tên Tuổi tác
    Khoa học máy tính Abhishek mười lăm
    Bob 2. 3
    Phá vỡ

    sự khác biệt giữa html và xml là gì
    • Chiều cao và chiều rộng bảng

    HTML cung cấp cho bạn đòn bẩy để điều chỉnh chiều cao và chiều rộng của bảng. Thuộc tính Width & height được sử dụng để đặt chiều rộng & chiều cao của bảng tương ứng. Bạn có thể chỉ định nó theo phần trăm diện tích có sẵn trên màn hình hoặc theo pixel.

    Chiều rộng & Chiều cao của Bảng HTML
    Abhishek mười lăm
    Bob 2. 3

    • Đầu trang, Nội dung và Chân trang của Bảng

    Một bảng có thể được chia thành ba phần, tức là đầu trang, nội dung và chân trang. Header và Footer tương tự như header và footer trong một tài liệu word vẫn thông dụng cho mọi trang, trong khi phần nội dung chứa nội dung chính.

    thẻ tạo tiêu đề bảng riêng biệt, trong đó thẻ tiêu đề tạo chân trang bảng riêng biệt.

Tiêu đề bảng
Chân trang bảng
Tên Tuổi tác Điểm

  • Nền & Chú thích Bảng

Bạn cũng có thể thiết lập nền bảng. Bgcolor Thuộc tính đặt màu nền cho toàn bộ bảng cũng như cho một ô, trong khi thuộc tính background đặt hình nền cho toàn bộ bảng cũng như chỉ cho một ô.

Thẻ chú thích đóng vai trò như một tiêu đề hoặc lời giải thích cho bảng được hiển thị ở đầu bảng.

Nền bảng HTMLBảng chú thích
Cột 1 Cột 2 Cột 3
Hàng 1 Ô 1 Hàng 1 ô 2 Hàng 1 ô 3
Hàng 2 Ô ​​2 Hàng 2 Ô ​​3
Hàng 3 Ô 1

Với điều này, chúng ta sẽ kết thúc bài viết này. Bây giờ sau khi thực hiện các đoạn mã trên, bạn đã hiểu cách tạo bảng trong HTML. Tôi hy vọng blog này là thông tin và giá trị gia tăng cho bạn.

Kiểm tra của Edureka, một công ty học trực tuyến đáng tin cậy với mạng lưới hơn 250.000 người học hài lòng trải dài trên toàn cầu. Đào tạo Chứng chỉ Phát triển Web sẽ giúp bạn học cách tạo các trang web ấn tượng bằng cách sử dụng HTML5, CSS3, Twitter Bootstrap 3, jQuery và Google API và triển khai nó cho Amazon Simple Storage Service (S3).

Có một câu hỏi cho chúng tôi? Vui lòng đề cập đến nó trong phần bình luận của bài viết này và chúng tôi sẽ liên hệ lại với bạn.