Como criar uma tabela em HTML

Autor: Mark Sanchez
Data De Criação: 28 Janeiro 2021
Data De Atualização: 1 Julho 2024
Anonim
Aula 25 - Como criar tabelas no HTML
Vídeo: Aula 25 - Como criar tabelas no HTML

Contente

É muito difícil criar uma tabela em HTML. Mas com as etapas descritas neste artigo, você deve ser capaz de criar um para o seu site.

Passos

  1. 1 Abra um programa de processamento de texto simples, como o Notepad ou WordPad no Windows, ou no Mac abra o TextEdit.
  2. 2 Insira todo o texto que deseja ver na frente da mesa.
  3. 3 Defina o uso de uma tabela para um documento HTML inserindo a tag tabela>.

  4. 4 Pressione Enter.

  5. 5 Insira a tag para abrir a tabela de linhas usando a tag tr>.
  6. 6Lembre-se de construir todos os elementos restantes da esquerda para a direita.
  7. 7 Pressione Enter.
  8. 8 Insira uma tag inicial para o título da tabela usando a tag th>.
  9. 9 Digite o título que deseja usar para a primeira coluna.
  10. 10 Insira uma tag de fechamento para o elemento de título da tabela usando a tag / th>.
  11. 11 Pressione Enter.
  12. 12 Repita os passos (organizar os itens em colunas da esquerda para a direita).
  13. 13 Feche esta linha inserindo a tag / tr>.
  14. 14 Pressione Enter.
  15. 15 Comece outra linha com outra tag tr>.
  16. 16 Pressione Enter.
  17. 17 Insira a tag de dados da tabela usando a tag td>.
  18. 18 Insira os dados da tabela que deseja incluir em cada campo.
  19. 19Trabalhe da esquerda para a direita, preenchendo os dados das colunas mostradas acima.
  20. 20 Feche cada entrada com a tag / td>.
  21. 21 Repita para todos os dados da tabela que você possui.
    • Para células em que você não precisa inserir nada, insira td> e td> e nada entre eles. Isso será muito útil para campos entre dois outros campos.
  22. 22 Feche cada linha com outra tag / tr>.
  23. 23 Repita cada linha para baixo além das linhas tr> e / td> até que cada linha seja montada.
  24. 24 Feche a tabela com a tag / table>.
  25. 25 Insira o seguinte texto HTML conforme necessário para o resto do documento.

Pontas

  • Recue cada linha para que você possa entender o que está tentando fazer em seu código.

Avisos

  • Se você acidentalmente inserir muitas colunas de dados onde não há cabeçalho de tabela, eles ainda serão exibidos, mas parecerão um pouco tolos e o leitor não entenderá para que servem essas informações.
  • Construir tabelas em uma página HTML é um processo complicado de entender. Primeiro, pratique nos dados externos para ver como eles se parecem e, em seguida, navegue e coloque a nova tabela em seu lugar.
  • É melhor deixar o código da tabela HTML para codificadores HTML avançados. No entanto, depois de seguir essas instruções, você também se tornará um deles.