Como Desenhar Uma Tabela Em HTML

Índice:

Como Desenhar Uma Tabela Em HTML
Como Desenhar Uma Tabela Em HTML

Vídeo: Como Desenhar Uma Tabela Em HTML

Vídeo: Como Desenhar Uma Tabela Em HTML
Vídeo: Aula 25 - Como criar tabelas no HTML 2024, Novembro
Anonim

HTML é uma linguagem de marcação de página que pode ser usada para hospedar sites na Internet. Para formatar o documento, neste caso, são utilizadas tags - elementos de descrição.

Como desenhar uma tabela em HTML
Como desenhar uma tabela em HTML

Necessário

  • - computador;
  • - o programa "Bloco de notas";
  • - habilidades para trabalhar com HTML.

Instruções

Passo 1

Abra a página onde deseja adicionar uma tabela em HTML usando o Bloco de notas. Para fazer isso, clique com o botão direito no arquivo para abrir o menu de contexto, selecione a opção "Abrir com". Selecione um local na tag Body para adicionar a tabela ao site.

Passo 2

Use a tag… para colocar a tabela em Html. Esta é a tag principal que descreve a tabela. Todos os seus elementos devem estar localizados entre as tags de abertura e fechamento. Por padrão, a tabela é criada sem separadores e bordas. Adicione borda conforme necessário usando o atributo Border. Para fazer isso, insira-o dentro da tag da tabela e adicione um valor numérico para a largura da borda, por exemplo, uma linha para a tabela. Para fazer isso, use a tag …, o número de linhas é determinado pelo número de seus pares. Adicione uma descrição de célula usando a tag…. Coloque a célula apenas dentro da tag de linha, adicione a ela o número da coluna (coluna) na qual ela está colocada.

Passo 4

A localização do texto na célula é determinada usando os atributos Aligh (esquerda, direita, centro) - determina o posicionamento do texto horizontalmente e Valign (meio, fundo, topo) - determina o posicionamento dos dados na célula verticalmente. Essa descrição pode ser adicionada para uma célula individual e para toda a linha.

Etapa 5

Use o atributo Colspan para mesclar células horizontalmente e Rowspan verticalmente. Um exemplo de código de tabela: “Nome da tabela” “Nome da linha mesclada” “Nome da primeira coluna” “Nome da segunda coluna” “Segunda linha” “Segunda célula da segunda linha” “Terceira célula da segunda fileira.

Recomendado: