Code Thẻ td trong HTML

Code Thẻ td trong HTML

Code Thẻ td trong HTML

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thẻ td trong HTML</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; }
</style>
</head>
<body>
<h1>Code Thẻ td trong HTML</h1>
<p>Dùng để chứa giá trị của cột, thẻ td thường chứa các cột nằm trong thẻ tbody, trong thẻ tfoot thì td chứa giá trị của cột, đối với thẻ td thì bạn có thể nhóm nhiều cột vô 1 ô hoặc nhóm nhiều hàng vô 1 ô:</p>

<h2>td bình thường</h2>
<table>
  <tbody>
    <tr>
      <td>1</td> <td>1</td> <td>1</td>
    </tr>
     <tr>
      <td>1</td> <td>1</td> <td>1</td>
    </tr>
     <tr>
      <td>1</td> <td>1</td> <td>1</td>
    </tr>
  </tbody>
</table>

<h2>colspan="2" Nhóm 2 cột lại thành 1 ô</h2>
<table>
  <tbody>
    <tr>
      <td colspan="2">1</td> <td>1</td>
    </tr>
     <tr>
      <td>1</td> <td>1</td> <td>1</td>
    </tr>
     <tr>
      <td>1</td> <td>1</td> <td>1</td>
    </tr>
  </tbody>
</table>

<h2>colspan="3" Nhóm 3 cột lại thành 1 ô</h2>
<table>
  <tbody>
    <tr>
      <td colspan="3">1</td>
    </tr>
     <tr>
      <td>1</td> <td>1</td> <td>1</td>
    </tr>
     <tr>
      <td>1</td> <td>1</td> <td>1</td>
    </tr>
  </tbody>
</table>

<h2>rowspan="2" Nhóm 2 hàng lại thành 1 ô</h2>
<table>
  <tbody>
    <tr>
      <td rowspan="2">1</td> <td>1</td> <td>1</td>
    </tr>
     <tr>
      <td>1</td> <td>1</td>
    </tr>
     <tr>
      <td>1</td> <td>1</td> <td>1</td>
    </tr>
  </tbody>
</table>

<h2>rowspan="3" Nhóm 3 hàng lại thành 1 ô</h2>
<table>
  <tbody>
    <tr>
      <td rowspan="3">1</td> <td>1</td> <td>1</td>
    </tr>
     <tr>
      <td>1</td> <td>1</td>
    </tr>
     <tr>
      <td>1</td> <td>1</td>
    </tr>
  </tbody>
</table>
</body>
</html>
Code Thẻ td trong HTML nằm trong bài viết Thẻ td trong HTML