Pesquisar aqui

Monday, May 11, 2020

HTML - Tabelas


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:

No comments:

Post a Comment

Comente de forma construtiva...

Note: Only a member of this blog may post a comment.