Autor:
Mark Sanchez
Data De Criação:
28 Janeiro 2021
Data De Atualização:
1 Julho 2024
![Aula 25 - Como criar tabelas no HTML](https://i.ytimg.com/vi/l-KFuLiM3kY/hqdefault.jpg)
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 Abra um programa de processamento de texto simples, como o Notepad ou WordPad no Windows, ou no Mac abra o TextEdit.
2 Insira todo o texto que deseja ver na frente da mesa.
- 3 Defina o uso de uma tabela para um documento HTML inserindo a tag tabela>.
- 4 Pressione Enter.
5 Insira a tag para abrir a tabela de linhas usando a tag tr>.
- 6Lembre-se de construir todos os elementos restantes da esquerda para a direita.
7 Pressione Enter.
8 Insira uma tag inicial para o título da tabela usando a tag th>.
9 Digite o título que deseja usar para a primeira coluna.
10 Insira uma tag de fechamento para o elemento de título da tabela usando a tag / th>.
11 Pressione Enter.
12 Repita os passos (organizar os itens em colunas da esquerda para a direita).
13 Feche esta linha inserindo a tag / tr>.
14 Pressione Enter.
15 Comece outra linha com outra tag tr>.
16 Pressione Enter.
17 Insira a tag de dados da tabela usando a tag td>.
18 Insira os dados da tabela que deseja incluir em cada campo.
- 19Trabalhe da esquerda para a direita, preenchendo os dados das colunas mostradas acima.
20 Feche cada entrada com a tag / td>.
- 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.
- 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 Feche cada linha com outra tag / tr>.
23 Repita cada linha para baixo além das linhas tr> e / td> até que cada linha seja montada.
24 Feche a tabela com a tag / table>.
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.