Tutoriais

https://vvcestudio.com.br/pt/tutorial/html/tabela
menu

HTML - Tabelas

A tag table define uma tabela HTML.
Uma tabela HTML consiste no elemento table e em um ou mais elementos tr , th e td .
O elemento tr define uma linha da tabela, o elemento th define um cabeçalho da tabela e o elemento td define uma célula da tabela.
Uma tabela HTML mais complexa também pode incluir elementos caption, col, colgroup, thead, tfoot e tbody.

As tabelas não devem ser usadas para o layout da página! Historicamente, alguns autores da Web usaram mal as tabelas em HTML como uma maneira de controlar o layout da página. No entanto, existem várias alternativas ao uso de tabelas HTML para layout, principalmente usando CSS.

Cadastro dos melhores Times
Time: e-mail: Tel: Cidade:
Flamengo Botafogo @gmail.com (21)12341234 Rio de Janeiro
Flamengo Botafogo @gmail.com (21)12341234
Total : 2
codigo HTML
x
<table>
<caption>Cadastro dos melhores Times</caption>
<thead>
<tr>
    <th>Time:</th>
    <th>e-mail:</th>
    <th>Tel:</th>
    <th>Cidade:</th>
</tr>
</thead>
<tbody>
<tr>
    <td>Flamengo</td>
    <td>Botafogo@gmail.com</td>
    <td>(21)12341234</td>
    <td rowSpan="2">Rio de Janeiro</td>
</tr>
<tr>
    <td>Flamengo</td>
    <td>Botafogo@gmail.com</td>
    <td>(21)12341234</td>
</tr>
</tbody>
<tfoot>
<tr>
    <td colSpan="3">Total : 2</td>
</tr>
</tfoot>
</table>