Neste capítulo o livro vamos falar de tabelas, ou seja, como fazer tabelas, adaptando informações a elas e ainda como representar dados complexos em tabelas. As tabelas são necessárias para serem apresentados vários tipos de informações como por exemplo, resultados desportivos, relatórios de ações, horários de comboio, relatórios financeiros e programação da televisão. Desta forma, uma tabela é composta por linhas e colunas, desta forma, é necessário aprender como usamos os quatro elementos-chave para a sua criação; representar dados complexos usando tabelas; e ainda adicionar legendas para melhor idêntificação de tabelas. Portanto, as tabelas representam informações em um formato de grade. As Grids permitem compreender dados complexos, fazendo referência a informações sobre os dois eixos. Cada bloco na grade é referida como uma célula da tabela. Em HTML uma tabela é escrita linha por linha. Portanto, vamos compreender a estrutura básica de uma tabela. O < table> elemento é usado para criar uma tabela; Cada linha usa a abertura < tr> tag. (O tr significa linha da tabela.) e é seguido por um ou mais elementos na finalização da linha que você usar um fechamento tag. Desta forma, cada célula de uma tabela é representado usando um < td> elemento. (O td significa dados da tabela). Nos cabeçalhos da tabela, o < th> elemento é usado apenas como o < td> elemento, mas o seu objetivo é representar o título ou uma coluna ou uma linha. Às vezes é preciso as entradas em uma tabela para esticar em mais de uma coluna. O colspan atributo pode ser usado em um < th> ou < td> elemento e indica quantas colunas que a célula deve se deparar. Também podemos precisar de entradas em uma tabela para esticar para baixo em mais de uma linha. Assim o rowspan atributo pode ser usado em um < th> ou < td> elemento para indicar quantas linhas uma célula deve abranger. Existem três elementos que ajudam a distinguir entre o conteúdo principal do restante
, os títulos da tabela devem sentar-se no interior do < thead> elemento. o corpo deve sentar-se no interior do elemento. , o rodapé pertence dentro do elemento. Se a primeira linha da tabela contém apenas < th> elementos, então podemos achar que o editor insere um < thead>
elemento automaticamente. Parte da razão para ter separado < thead> e < tfoot> elementos é para que, se você tem uma tabela que é mais alto do que a tela (ou, se impresso, mais de uma página), em seguida, o navegador pode manter o cabeçalho e rodapé visível. Este destina-se a tornar mais fácil para os usuários para ver qual coluna os dados estão. Assim concluo este capitulo de ensinamento de criação e utilização de tabelas.