html Tags de tabela

  

As tabelas em HTML permitem exibir informações de forma organizada em linhas e colunas. A tag básica para a criação de uma tabela é a tag table, e dentro dela devemos utilizar outras tags para definir as linhas e colunas da tabela.

A seguir, alguns exemplos de tags utilizadas na criação de tabelas:

• <table>: inicia a tabela.
• <tr>: define uma linha da tabela.
• <th>: define o cabeçalho de uma coluna da tabela.
• <td>: define uma célula da tabela.

Exemplo de uma tabela simples com três colunas e três linhas:

css
<table>
  <tr>
    <th>Nome</th>
    <th>Idade</th>
    <th>Profissão</th>
  </tr>
  <tr>
    <td>João</td>
    <td>30</td>
    <td>Engenheiro</td>
  </tr>
  <tr>
    <td>Maria</td>
    <td>25</td>
    <td>Advogada</td>
  </tr>
</table>

Exemplo de código:

css
<table>
  <caption>Tabela de preços</caption>
  <tr>
    <th>Produto</th>
    <th>Preço</th>
  </tr>
  <tr>
    <td>Camiseta</td>
    <td>R$ 29,90</td>
  </tr>
  <tr>
    <td>Calça Jeans</td>
    <td>R$ 89,90</td>
  </tr>
</table>

Neste exemplo, a tag table é usada para criar a tabela. A tag caption é usada para criar uma legenda para a tabela. As tags tr são usadas para criar as linhas e as tags td são usadas para criar as colunas. A primeira linha da tabela é usada para criar os cabeçalhos das colunas com a tag th. As outras linhas são usadas para criar os dados da tabela com a tag td.

Referência bibliográfica:

• Mozilla Developer Network. HTML tables. Disponível em: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table. Acesso em: 29 mar. 2023.