Do zero a iniciante - HTML tables
- Fábio Henrique
- 3 de jul. de 2020
- 1 min de leitura
Uma forma muito boa de se exibir dados é no formato de tabela. Neste post irei mostrar como construir tabelas utilizando HTML
Tabelas HTML consistem no uso da tag <table> e uma ou mais tags <th>, <tr> e <td>
<html>
<head>
<style>
table,
th,
td {
border: 1px solid black;
border-collapse: collapse;
}
</style>
</head>
<body>
<table>
<tr>
<th>Celular</th>
<th>Modelo</th>
</tr>
<tr>
<td>Xiaomi</td>
<td>MI9</td>
</tr>
<tr>
<td>Samsung</td>
<td>Galaxy S10</td>
</tr>
</table>
</body>
</html>A novidade do código acima é a tag <style> e o conteúdo dentro dela. Isso tem haver com CSS que será o próximo assunto dos posts.
As tags <th> representam os cabeçalhos da tabela
As tags <tr> representam as linhas da tabela
As tags <td> representam as colunas da tabela
Exercício
Crie uma tabela contendo informações de nome e idade de 3 amigos seus. Como mostra o exemplo abaixo
bouaaa, peguei um bom entendimento nessa em, bem explicado.
Obrigado! E qualquer dúvida que tiver é só postar nos comentários
Achei muito bem explicado!