UMA FERRAMENTA MUITO INTERESSANTE E ORGANIZADA EM QUALQUER LADO É UMA TABELA, AJUDA A ARRUMAR OS DADOS E A INFORMAÇÃO DE UMA MANEIRA SIMPLES E AGRADÁVEL, ASSIM TAMBÉM NÃO PODE FALTAR NUMA PÁGINA WEB!
A tag utilizada para criar uma tabela HTML é a tag <table>, posteriormente fechada com </table>. Dentro dela, incluímos todos os elementos que compõem a tabela, ou seja, as células da tabela. Assim sendo, os elementos de uma tabela consistem em outras tags que poderão ser utilizadas.
As tags que vão formar a estrutura básica de uma tabela em HTML são as tags <tr> e <td>. A tag <tr> representa uma linha e a tag <td> representa uma célula. Desta forma, a criação de colunas em uma tabela HTML é feita automaticamente através da quantidade de células incluídas dentro de uma linha. Por exemplo, vejamos na imagem abaixo como é que essa estrutura é formada:
Assim vamos criar a nossa primeira tabela com o código (inserido na tag <body>) abaixo:
<table border="1"> <tr> <th>Nome</th> <th>Idade</th> <th>Profissão</th> </tr> <tr> <td>Bruna</td> <td>19</td> <td>Bioquímica</td> </tr> <tr> <td>Nyckollas</td> <td>17</td> <td>Estudante</td> </tr> </table>
O output deste código no navegador será:
Claro que existem muitas mais configurações e modificações que podemos fazer em tabelas, mas decidi apenas falar dos conceitos básicos.
Referências:
Claro que existem muitas mais configurações e modificações que podemos fazer em tabelas, mas decidi apenas falar dos conceitos básicos.
Referências:
- http://hilite.me (consultado a 20/04/2020);
- Logo HTML (consultado a 20/04/2020);
- Imagem da tabela (consultado a 20/04/2020).
Sem comentários:
Enviar um comentário
Comente de forma construtiva...
Nota: só um membro deste blogue pode publicar um comentário.