태그 HTML para Tabelas e Dicas do VS Code.

Para mim, Tabelas em HTML é um pouco trabalhoso, pois têm muitas 태그. Vou tentar explicar da maneira mais simples possível, pois você merece né! 바모스 라!

Vamos replicar와 테이블라 abaixo?

예를 들어, 테모스:

Os cabeçalhos(em inglês 헤더): Nome e Sobrenome e;

Os dados (em inglês data): Douglas Toledo 29 e Lorem Ipsum 35.

O rodapé (em inglês footer): Média 32

Agora preciso que você abra o seu coração pro HTML:

Em HTML은 다음과 같은 부분을 구분합니다.

table header (em verde) é onde colocamos os cabeçalhos: Nome, Sobrenome e Idade;

table body (em azul) é onde colocamos os dados: Douglas, Toledo, 29, Lorem, Ipsum e 35;

table footer (em roxo) é onde colocamos os dados do rodapé: Média e 29.

Para criamos linhas:

Tanto em , e usamos 태그 테이블 행:

Para criamos cabeçalhos no <thead>:

Usamos a tag테이블 헤드:

Para criamos dados no <tbody> e no <tfoot>:

Usamos 태그 테이블 데이터:

적용 방법:

Começamos montando uma tabela abrindo e fechando 태그 :

<table>

</table>

1 - 테이블 헤더

Agora vamos adicionar a primeira parte de uma tabela, os cabeçalhos (usando a tag ):

<table>
    <thead>

    </thead>
</table>

Adicionamos uma linha usando a tag para começar a escrever os cabeçalhos:

<table>
    <thead>
        <tr>

        </tr>
    </thead>
</table>

E adicionamos cada cabeçalho usando a tag ) abaixo do cabeçalho :

<table>
    <thead>
        <tr>
            <th>Nome</th>
            <th>Sobrenome</th>
            <th>Idade</th>
        </tr>
    </thead>

    <tbody>

    </tbody>
</table>

Como temos duas linhas de dados, vamos inserir duas 태그 테이블 행:

<table>
    <thead>
        <tr>
            <th>Nome</th>
            <th>Sobrenome</th>
            <th>Idade</th>
        </tr>
    </thead>

    <tbody>
        <tr>

        </tr>
        <tr>

        </tr>
    </tbody>
</table>

E por fim, colocamos cada um dos nossos dados usando a tag ):

3 - 표 바닥글

Agora o ficou fácil!
Fica como a minha lição de casa para você! RS

파라벤!!!

Fico muito feliz que chegou até o final dessa publicação.
Espero que você tenha aprendido muito!

당신은 무엇입니까?

Twitch 채널을 방문하여 다음 채널을 방문하세요: https://www.twitch.tv/dwtoledo .
Lá a gente faz muitas lives de front-end e tem uma playlist muito legal sobre conceitos de HTML!

: <table> <thead> <tr> <th>Nome</th> <th>Sobrenome</th> <th>Idade</th> </tr> </thead> </table> Agora presta atenção nessa dica maravilhosa: no VS Code temos um atalho para escrever tags HTML que irá nos ajudar na criação de tabelas: Abra o VS Code, crie um arquivo .html, digite ! E aperte Enter para criar uma estrutura básica HTML; 테이블>thead>tr>th+th+th에 및 태그로 입력; Aperte Enter! Temos todo o código feito acima de maneira rápida. É só colocar os 3 cabeçalhos (Nome, Sobrenome e Idade). 설명: O resultado até o momento deverá ser: 2 - 테이블 본체 Agora vamos para a segunda parte da tabela adicionando os dados (usando a tag

테이블 데이터, uma tag para cada dado: <table> <thead> <tr> <th>Nome</th> <th>Sobrenome</th> <th>Idade</th> </tr> </thead> <tbody> <tr> <td>Douglas</td> <td>Toledo</td> <td>29</td> </tr> <tr> <td>Lorem</td> <td>Ipsum</td> <td>35</td> </tr> </tbody> </table> Atalho do VS Code Olha o resultado parcial (sem o