Tabelas

Introdução

As tabelas são elementos de tag <table></table>
A tag <tr> cria uma linha na tabela
A tag <td> cria uma coluna na tabela
A tag <th> cria uma coluna do cabeçalho na tabela


                <table>



                  <tr>


                       <th>Ano</th>

                       <th>Total de Vendas (R$)</th>


                  </tr>



                  <tr>


                       <td>2020</td>

                       <td>210.000,00</td>


                  </tr>



                  <tr>


                       <td>2021</td>

                       <td>230.000,00</td>


                  </tr>


            
                </table>

Ano	Total de vendas (R$)
2020	210.000,00
2021	230.000,00

Tabela de Vendas Por Ano

id	Filial	2019	2020	2021
1	São Paulo (SP)	400.000,00	450.000,00	500.000,00
2	Rio de Janeiro (RJ)	370.000,00	420.000,00	480.000,00
3	Salvador (BA)	350.000,00	400.000,00	450.000,00
4	Teresina (PI)	250.000,00	300.000,00	350.000,00
5	Parnaíba (PI)	100.000,00	150.000,00	200.000,00

THEAD, TBODY, TFOOT

Definição as áreas da tabela
A tag <thead> Delimita o conteúdo do cabeçalho
A tag <tbody> Delimita o corpo da tabela
A tag <tfoot> Delimita o conteúdo de rodapé da tabela


                <table>



                <thead>

                     <tr>

                          <th>Ano</th>

                          <th>Total de Vendas (R$)</th>

                     </tr>

                </thead>



                <tbody>

                     <tr>

                          <td>Duality</td>

                          <td>2004</td>

                     </tr>



                     <tr>

                          <td>Before I Forget</td>

                          <td>2004</td>

                     </tr>

                </tbody>



                <tfoot>

                     <tr>

                          <th>Nu Metal</th>

                          <th>Estados Unidos</th>

                     </tr>

                </tfoot>


            
                </table>

Música	Ano de Lançamento
Duality	2004
Before I Forget	2004
Nu Metal	Estados Unidos

CAPTION

Determina um título para a tabela


                <table>



                <caption>Tabela de Músicas</caption>



                <thead>

                     <tr>

                          <th>Ano</th>

                          <th>Total de Vendas (R$)</th>

                     </tr>

                </thead>



                <tbody>

                     <tr>

                          <td>Duality</td>

                          <td>2004</td>

                     </tr>



                     <tr>

                          <td>Before I Forget</td>

                          <td>2004</td>

                     </tr>

                </tbody>



                <tfoot>

                     <tr>

                          <th>Nu Metal</th>

                          <th>Estados Unidos</th>

                     </tr>

                </tfoot>


            
                </table>

Tabela de Músicas
Música	Ano de lançamento
Duality	2004
Before I Forget	2004
Nu Metal	Estados Unidos