Tabela | Parte 2 | Tutorial de HTML5 | #16 | #uninerds | Universo dos Nerds
4Código fonte da vídeo aula:
http://www.uninerds.net/?locale=pt_BR#!html-css-e-javascript/tutorial-de-html5
Cores em CSS: https://youtu.be/Ex8lL_jesJ4
Redes Sociais
Facebook: https://www.facebook.com/uninerds
Twitter: https://www.twitter.com/uninerds
YouTube: https://www.youtube.com/user/uninerds?sub_confirmation=1
LinkedIn: https://www.linkedin.com/company/uninerds
Instagram: https://www.instagram.com/uninerds
Gostou do vídeo? Veja 10 opções de como você pode apoiar o Universo dos Nerds:
https://youtu.be/KYAljlRtlb4
Faça parte de um grupo focado em Tecnologia: https://www.facebook.com/groups/DevAt
Hashtags: #uninerds #html #html5
Afiliado: http://www.cursos24horas.com.br/parceiro.asp?cod=promocao131331
Contato: uninerds@uninerds.net
Para criar tabela em HTML é utilizado a tag table e para colocar conteúdo na tabela entre as tags abertura e fechamento temos as seguintes tags:
- colgroup para definir um grupo de colunas, é muito útil para aplicar CSS em um grupo de colunas, nela temos o atributo span para definir a quantidade de colunas que o grupo irá abranger e entre a abertura e fechamento dela temos a tag col e nesta também temos o atributo span
- thead as linhas que estão entre a abertura e fechamento desta tag representam o cabeçalho da tabela
- tbody as linhas que estão entre a abertura e fechamento desta tag representam o corpo da tabela
- tfoot as linhas que estão entre a abertura e fechamento desta tag representam o rodapé da tabela
PS: Embora não seja necessário definir a thead e a tfoot caso seja utilizado deve seguir a seguinte ordem no código thead, tbody e tfoot senão o validador da W3C acusará erro
Dica: Sempre que possível utilize as tags thead, tbody e tfoot para definir as seções da tabela, assim se o usuário for imprimir a tabela o cabeçalho e o rodapé sairão em todas as páginas