image

Acesse bootcamps ilimitados e +650 cursos

50
%OFF
Article image
Thiago Soares
Thiago Soares18/11/2023 18:06
Compartilhe

Tabela em HTML

  • #HTML

As tabelas HTML permitem que os desenvolvedores da web organizem os dados em linhas e colunas.

Exemplo:

<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>

Células de tabela

Cada célula da tabela é definida por um <td>e uma </td>tag.

tr significa linha da tabela.

Exemplo:

<table>

  <tr>

   <td>Emil</td>

    <td>Tobias</td>

    <td>Linus</td>

  </tr>

  <tr>

   <td>16</td>

    <td>14</td>

    <td>10</td>

  </tr>

</table>

Cabeçalhos de tabela

Às vezes você deseja que suas células sejam células de cabeçalho de tabela. Nesses casos, use a <th>tag em vez da <td>tag:

th significa cabeçalho da tabela.

Exemplo

Deixe a primeira linha ser células de cabeçalho da tabela:

<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>

Compartilhe
Comentários (1)
Marcio Herrero
Marcio Herrero - 18/11/2023 21:21

Boa Thiago, coisa simples porém essencial!

Valeu!