Como criar tabelas em html5

O recipiente de marcação primária para tabelas em HTML é o mesa

elemento. Ou seja, você usa a tag de abertura para indicar o início de uma mesa, e você adicionar a tag de fechamento para terminá-la.

Além disso, os blocos de construção básicos para os dados da tabela em HTML são a linha da tabela () e os dados da tabela () elementos, quando uma tabela consiste em tantas linhas como existem elementos (mais quaisquer linhas de cabeçalho ou rodapé) e as colunas do número máximo de elementos em qualquer linha da tabela.

Entre essas tags de abertura e fechamento, você pode encontrar os seguintes elementos nesta muito interessante e prescrito (em outras palavras, obrigatório) ordem:

Video: Como criar tabelas em html

  • Zero ou um elementos para definir uma legenda para uma mesa (se houver um tal elemento, ou sem legenda para a tabela que se está ausente). Se for usado, um elemento deve seguir imediatamente após a tag de abertura.

    Video: HTML 5 - Tabelas e Formulário

  • Zero ou um grupo coluna () elementos definir grupos de colunas para a mesa (se houver um tal elemento, ou não há agrupamentos de coluna, se o elemento está ausente). Ele deve aparecer após qualquer elemento, se estiver presente, e antes de qualquer um dos seguintes elementos de mesa.

  • Zero ou um cabeçalho da tabela () elementos para definir a seção cabeçalho para uma tabela (se houver um tal elemento, ou mesmo nenhuma tabela cabeçalho da seção se o elemento está ausente). Muitas vezes, uma primeira tabela posição fila se estende por toda a largura da mesa para identificar o tudo isto, e a primeira linha de título é seguido por uma segunda linha de posições individuais em cada coluna na tabela.

  • Zero ou mais corpo mesa ( ) elementos para identificar o conteúdo real da tabela. A tabela pode ter vários elementos, por isso é incomum em HTML em que uma tabela pode ter apenas uma cabeça, mas vários corpos!

  • Zero ou um rodapé da tabela () para fornecer informações para o fundo de uma mesa. Os navegadores podem usar , , e para decidir o que rolar (o corpo da tabela, geralmente) eo que deixar para sempre presente na tela.

    Video: Curso de HTML - Aula 8 (Tabelas | Parte 1)



    O rodapé da tabela é um caso especial quando se trata de onde na sequência de marcação tabela pode aparecer. Ele sempre pode aparecem por último na seqüência (como faz nesta lista), mas também pode aparecer logo após qualquer um desses elementos que estão presentes (nesta ordem): , , e .

    No entanto, afigura-se antes e elementos. Neste caso especial, não pode também aparecer no final da tabela. Não permitido!

  • Se não há elemento presente (Que normalmente seria definir o corpo de mesa em mesa com um cabeçalho definido tabela e, possivelmente, também uma secção de rodapé), o elemento de linha da tabela () define linhas para dados que a tabela apresenta, na verdade. Dentro de cada linha da tabela são como muitos elementos de dados da tabela () como existem em células que fileira.

Porque a sintaxe tabela HTML e ordem de marcação pode ser complicado e complicado, é ainda mais interessante do que o normal para executar toda a sua marcação mesa através do W3C Markup Validation Service para se certificar de que ele está correto.

A estrutura de uma tabela HTML é mais fácil de entender se representá-lo usando marcação básica recipiente apenas, com alguns comentários esperançosamente iluminando, assim:

Estrutura básica Tabela Markup e Sequência
Publicações relacionadas
Tabela 6-1: Estrutura HTML Markup e Sequence
ElementoDescrição