tritue.edu.vn


Tạo bảng trong html

<table>

 <tr>

    <th>Tiêu đề cột 1</th>

    …

    <th> Tiêu đề cột n</th>

  </tr>

  <tr>

    <td>Ô 1</td>

      …

    <td>Ô n</td>

  </tr>

  <tr>

    <td>Ô 1</td>

    …

    <td>Ô n</td>

  </tr>

</table>



Ví dụ 1

Copy
         

<table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
</table>


Tạo ô

Copy
         

Tạo ô trong html bằng thẻ <td>. VD:

<table>
  <tr>
    <td>Emil</td>
    <td>Tobias</td>
    <td>Linus</td>
  </tr>
</table>


Tạo dòng

Copy
         

Tạo dòng trong html bằng thẻ <tr>. VD: 

<table>
  <tr>
    <td>Emil</td>
    <td>Tobias</td>
    <td>Linus</td>
  </tr>
  <tr>
    <td>16</td>
    <td>14</td>
    <td>10</td>
  </tr>
</table>


Tạo tiêu đề

Copy
         

Có thể tạo tiêu đề bằng thẻ <th>, khi đó dữ liệu trong ô sẽ được in đậm và căn giữa ô. VD:

<table>
  <tr>
    <th>Person 1</th>
    <th>Person 2</th>
    <th>Person 3</th>
  </tr>
  <tr>
    <td>Emil</td>
    <td>Tobias</td>
    <td>Linus</td>
  </tr>
  <tr>
    <td>16</td>
    <td>14</td>
    <td>10</td>
  </tr>
</table>




Link chia sẻ bài viết
Copy
            https://tritue.edu.vn/tuecode/tracnghiem30/index.php/baiviet/post/view/id/199?id=199         

Bài viết liên quan