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.