Chạy Thử Rowspan (Nhóm hàng) trong TABLE

Trình soạn thảo - Chạy Thử Rowspan (Nhóm hàng) trong TABLE

Kết quả - Chạy Thử Rowspan (Nhóm hàng) trong TABLE

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Chạy Thử Rowspan (Nhóm hàng) trong TABLE</title>
<style>
table{width:100%;border-collapse: collapse; font-family: sans-serif; font-size: 15px; letter-spacing: 1px;}
table, th, td { border:1px solid black; }
td, th {text-align: left; padding: 8px; }
caption{padding: 8px;text-transform: uppercase;font-size:18px;font-weight:bold}
tr:nth-child(even) { background-color: #dddddd; }
</style>
</head>
<body>
<h1>Chạy Thử Rowspan (Nhóm hàng) trong TABLE</h1>

<table>
 <caption> Bảng điểm</caption>
  <thead>
    <tr>
      <th>Tên</th>
      <th>Môn</th>
      <th>Điểm</th>
    </tr>
  </thead>
  <tbody>
   <tr>
      <td rowspan="2">Bùi Tấn Lực</td>
      <td>Toán</td>
      <td>9.5</td>
    </tr>
    <tr>
      <td>Văn</td>
      <td>10</td>
    </tr>
    <tr>
      <td rowspan="2">Trần Thị Vân</td>
      <td>Toán</td>
      <td>9</td>
    </tr>
    <tr>
      <td>Văn</td>
      <td>9</td>
    </tr>
   </tbody>
</table>
</body>
</html>
  • Chạy Thử Rowspan (Nhóm hàng) trong TABLE nằm trong bài viết Thẻ table trong HTML
  • ★★★★★ ★★★★★