Criando e Formatando Tabelas Simples em HTML
Quando se trata de apresentar dados de forma organizada em uma página web, as tabelas são ferramentas essenciais.
Antes de mais nada, para criar uma tabela simples em HTML, utilizamos as tags <table>, <tr> para linhas e <td> para células.
Além disso, é fundamental compreender que uma tabela é construída como um conjunto de linhas, cada uma contendo células.
<table>
<tr>
<td>Elemento 1</td>
<td>Elemento 2</td>
</tr>
<tr>
<td>Elemento 3</td>
<td>Elemento 4</td>
</tr>
</table>
Ao mesmo tempo, o código acima cria uma tabela simples com duas linhas e duas colunas. Ao propósito, as tags <tr> representam as linhas e <td> as células dentro de cada linha.
Ainda assim, podemos adicionar estilo às nossas tabelas. Além disso, podemos utilizar a tag <style> no cabeçalho da página ou diretamente no documento HTML.
<style>
table {
border-collapse: collapse;
width: 50%;
}
td {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
</style>
Em conclusão, ao seguir esses passos simples, você será capaz de criar tabelas organizadas e estilizadas em HTML. Por conseguinte, essas tabelas formam a base para a apresentação de dados de maneira clara e estruturada em suas páginas web.
