Hướng dẫn table trong html - bảng trong html

Nội dung chính

  • Table trong HTML
  • Các thẻ định nghĩa bảng trong HTML
  • Ví dụ về bảng trong HTML
  • Thuộc tính border của bảng trong HTML
    • 1. Sử dụng thuộc tính border của bảng trong HTML
    • 2. Sử dụng thuộc tính border trong CSS
  • Table trong HTML với cell padding
  • Thuộc tính colspan
  • Thuộc tính rowspan
  • Thẻ caption
  • Tạo style cho ô chẵn, lẻ

Thẻ table trong HTML được sử dụng để hiển thị dữ liệu ở dạng bảng [hàng * cột]. Có thể có nhiều cột trong một hàng.

Các thẻ table trong HTML được sử dụng để quản lý việc bố cục trang web. Ví dụ: Phần tiêu đề, thanh điều hướng, nội dung trang, phần chân trang... Nhưng bạn nên sử dụng thẻ div thay vì table để quản lý bố cục của trang.

Các thẻ định nghĩa bảng trong HTML

ThẻMô tả
Định nghĩa bảng.
Định nghĩa bảng.
Định nghĩa bảng.
Định nghĩa bảng.
Định nghĩa bảng.
Định nghĩa bảng.
Định nghĩa bảng.
Định nghĩa bảng.
Định nghĩa bảng.
Định nghĩa bảng.

Định nghĩa một hàng trong một bảng.

First_NameLast_NameMarks
SonooJaiswal60
JamesWilliam80
SwatiSironi82
ChetnaSingh72

Định nghĩa phần header [dòng đầu tiên] của bảng.

First_NameLast_NameĐịnh nghĩa 1 ô của bảng.
Định nghĩa phụ đề bảng. Chỉ định một nhóm của một hoặc nhiều cột trong một bảng để định dạng. 60
Được sử dụng với thẻ để chỉ định thuộc tính cột cho mỗi cột. Được sử dụng để nhóm nội dung body trong một bảng. 80
Được sử dụng để nhóm nội dung header trong một bảng. Được sử dụng để nhóm nội dung footer trong một bảng. 82
Ví dụ về bảng trong HTML Output: 72

Marks

Sonoo

  1. Jaiswal
  2. James

William

Swati

Sironi

Chetna

Định nghĩa phần header [dòng đầu tiên] của bảng.

First_NameLast_NameĐịnh nghĩa 1 ô của bảng.
Định nghĩa phụ đề bảng. Chỉ định một nhóm của một hoặc nhiều cột trong một bảng để định dạng. 60
Được sử dụng với thẻ để chỉ định thuộc tính cột cho mỗi cột. Được sử dụng để nhóm nội dung body trong một bảng. 80
Được sử dụng để nhóm nội dung header trong một bảng. Được sử dụng để nhóm nội dung footer trong một bảng. 82
Ví dụ về bảng trong HTML Output: 72

Marks

Sonoo

Sironi



 
table, th, td {  
    border: 1px solid red;
    border-collapse: collapse;
}



 First_NameLast_NameMarks
SonooJaiswal60
JamesWilliam80
SwatiSironi82
ChetnaSingh72

Định nghĩa phần header [dòng đầu tiên] của bảng.


Định nghĩa 1 ô của bảng.

Định nghĩa phụ đề bảng.

  1. Chỉ định một nhóm của một hoặc nhiều cột trong một bảng để định dạng.
  2. Được sử dụng với thẻ để chỉ định thuộc tính cột cho mỗi cột.

Được sử dụng để nhóm nội dung body trong một bảng.

  
table, th, td {  
    border: 1px solid pink;  
    border-collapse: collapse;  
}  
th, td {  
    padding: 10px;  
}  

Định nghĩa phần header [dòng đầu tiên] của bảng.

Định nghĩa 1 ô của bảng.

Định nghĩa phụ đề bảng.

Chỉ định một nhóm của một hoặc nhiều cột trong một bảng để định dạng.

  
table, th, td {  
    border: 1px solid black;  
    border-collapse: collapse;  
}  
th, td {  
    padding: 5px;  
}  

Được sử dụng với thẻ để chỉ định thuộc tính cột cho mỗi cột.

  
    Name  
    Mobile No.  
  
Ajeet Maurya 7503520801 9555879135

Định nghĩa phần header [dòng đầu tiên] của bảng.


Thuộc tính rowspan

Thẻ caption

Chỉ định một nhóm của một hoặc nhiều cột trong một bảng để định dạng.

  
table, th, td {  
    border: 1px solid black;  
    border-collapse: collapse;  
}  
th, td {  
    padding: 10px;  
}  
  

Được sử dụng với thẻ để chỉ định thuộc tính cột cho mỗi cột.

  
    Name  
    Mobile No.  
  
Ajeet Maurya 7503520801 9555879135

Định nghĩa phần header [dòng đầu tiên] của bảng.

Định nghĩa 1 ô của bảng.

Định nghĩa phụ đề bảng.

  
Student Records  
First_NameLast_NameMarks
VimalJaiswal70
MikeWarn60
ShaneWarn42
JaiMalhotra62

Định nghĩa phần header [dòng đầu tiên] của bảng.

Định nghĩa 1 ô của bảng.

Chỉ định một nhóm của một hoặc nhiều cột trong một bảng để định dạng.

Được sử dụng với thẻ để chỉ định thuộc tính cột cho mỗi cột.

Định nghĩa phần header [dòng đầu tiên] của bảng.

Bài Viết Liên Quan

Chủ Đề