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