Criando tabelas com as tags <table>, <tr> e <td>
A fim de estruturar dados de forma organizada em uma página HTML, podemos usar tabelas. As tabelas são compostas pelas tags <table>, <tr> e <td>.
Primeiramente, a tag <table> é usada para criar a tabela como um todo. Em seguida, a tag <tr> é usada para definir cada linha da tabela, e, dentro dela, utilizamos a tag <td> para adicionar as células (ou colunas) com os dados.
Exemplo de código de uma tabela simples:
<!DOCTYPE html>
<html>
<head>
<title>Tabela de Exemplo</title>
</head>
<body>
<table>
<tr>
<td>Nome</td>
<td>Idade</td>
<td>Profissão</td>
</tr>
<tr>
<td>João</td>
<td>25</td>
<td>Engenheiro</td>
</tr>
<tr>
<td>Maria</td>
<td>30</td>
<td>Advogada</td>
</tr>
</table>
</body>
</html>
Neste exemplo, temos uma tabela com três linhas e três colunas. As tags <tr> criam cada linha e as tags <td> definem as células dentro de cada linha. A tabela contém informações de Nome, Idade e Profissão de duas pessoas.
Para melhorar a visualização, é possível adicionar estilos CSS à tabela. Além disso, é importante utilizar tabelas apenas quando a disposição tabular dos dados é apropriada, evitando seu uso para formatação de layouts.
Em conclusão, com as tags <table>, <tr> e <td>, podemos criar tabelas para organizar dados de forma clara e compreensível em uma página HTML.
A fim de que você possa dominar o uso das tabelas, pratique e experimente diferentes arranjos de dados.
Com o conhecimento básico das tags e elementos, você estará preparado para criar tabelas com facilidade e eficiência em suas páginas web.
