Computer >> Máy Tính >  >> Lập trình >> HTML

Bảng HTML

Bảng HTML được sử dụng để tạo bảng bằng thẻ

. Trong bảng, mỗi hàng được chỉ định bằng thẻ và tiêu đề bảng được xác định bằng thẻ
. Dữ liệu bảng được xác định bằng thẻ .

Cú pháp

Sau đây là cú pháp -

<table>
<tr>
<th>Table Header</th>
<th>Table Header</th>
</tr>
<tr>
<td>Table data</td>
<td>Table data</td>
</tr>
<tr>
<td>Table data</td>
<td>Table data</td>
</tr>
</table>

Thuộc tính bảng HTML

Thuộc tính Giải thích
colspan Nó được sử dụng để kéo dài một ô trong bảng qua cột của bảng.
rowspan Nó được sử dụng để kéo dài một ô trong bảng qua các hàng của bảng.

Phần tử chú thích HTML

Chúng tôi cũng có thể đặt chú thích cho bảng bằng cách sử dụng phần tử chú thích HTML.

Cú pháp

Sau đây là cú pháp -

<caption>text</caption>

Ví dụ

Hãy để chúng tôi xem một ví dụ về Bảng HTML:

<!DOCTYPE html>
<html>
<style>
   body {
      color: #000;
      height: 100vh;
      background-color: #8BC6EC;
      background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
      text-align: center;
   }
   table {
      margin: 2rem auto;
      width: 400px;
   }
   caption {
      color: #fff;
      font-size: 1.5rem;
   }
</style>
<body>
<h1>HTML Tables</h1>
<table border="2">
<caption>Student Data</caption>
<tr>
<th>Name</th>
<th>Roll No.</th>
</tr>
<tr>
<td>John</td>
<td>031717</td>
</tr>
<tr>
<td>Elon</td>
<td>051717</td>
</tr>
</table>
</body>
</html>

Đầu ra

Bảng HTML