Thuộc tính rowspan trong HTML

Thuộc tính rowspan trong HTML xác định số hàng mà một ô của bảng nên trải rộng (span) trong tài liệu HTML. Nó chỉ có thể được áp dụng trên phần tử HTML td hoặc th.

Cú pháp

Cú pháp như sau:

<tagname rowspan="number"></tagname>

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính rowspan trong HTML:

<!DOCTYPE html>
<html>
<style>
  body {
    color: #000;
    background: lightblue;
    height: 100vh;
    text-align: center;
  }
  table {
    margin: 2rem auto;
    width: 400px;
  }
</style>
<body>
<h1>Demo thuộc tính rowspan trong HTML</h1>
<table border="2">
  <thead>
    <tr>
      <th>Tên</th>
      <th>Ngôn ngữ</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John</td>
      <td>Tiếng Anh</td>
    </tr>
    <tr>
      <td rowspan="2">Elon</td>
      <td>Tiếng Đức</td>
    </tr>
    <tr>
      <td>Tiếng Pháp</td>
    </tr>
  </tbody>
</table>
</body>
</html>

Kết quả