image

Acesse bootcamps ilimitados e +650 cursos pra sempre

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

Tabela em 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!