Atributos Básicos de Tabela em HTML
Ao criar tabelas em HTML5, é possível utilizar atributos para aprimorar a apresentação e funcionalidade. Antes de mais nada, dois atributos fundamentais são o border e o align.
Além disso, o border define a largura da borda das células, enquanto o align alinha o conteúdo dentro das células.
<table border="1" align="center">
<tr>
<td>Elemento 1</td>
<td>Elemento 2</td>
</tr>
<tr>
<td>Elemento 3</td>
<td>Elemento 4</td>
</tr>
</table>
Ao mesmo tempo, com o HTML5, introduziram-se atributos mais poderosos. Em primeiro lugar, o atributo colspan permite que uma célula se estenda por várias colunas.
<tr> <td colspan="2">Célula Estendida</td> <td>Outra Célula</td> </tr>
Em segundo lugar, o atributo rowspan faz o mesmo, mas para linhas.
<tr> <td rowspan="2">Célula Estendida</td> <td>Outra Célula</td> </tr> <tr> <td>Segunda Linha</td> </tr>
Além disso, o atributo scope é usado para associar células de cabeçalho a dados, facilitando a interpretação por leitores de tela.
<th scope="col">Nome</th> <th scope="col">Idade</th>
Finalmente agora, esses atributos fornecem flexibilidade ao criar tabelas em HTML5, permitindo uma apresentação mais rica e acessível. Em resumo, experimente esses atributos para personalizar e otimizar a exibição de suas tabelas.
