Tabelas são usadas com em código HTML para organizar os elementos da página em linhas e colunas de células. Isto assegura que os elementos permanecem nas posições correctas , independentemente dos navegadores utilizados . O atributo mesclada é usado para permitir que os dados divididos entre mais do que uma coluna . O Código HTML
O código a seguir adiciona um cabeçalho da tabela , em seguida, separa ainda mais duas seções de dados :
< th colspan = 4 > Esta é a tabela de cabeçalho
dois primeiros células | Últimos Dois células | , célula 1 | celular 2 | celular 3 | celular 4 |
a tag "
" começa a mesa. O " cols " directiva define o número de colunas que estarão em cima da mesa. A tag " " define cada linha. A tag " " define o cabeçalho da tabela . A tag " | " define cada célula da tabela . A primeira linha contém o cabeçalho da tabela que se estende por quatro células . Isso é definido com a diretiva " colspan = 4 " . É importante notar que cada célula e linha são terminou com a tag apropriada ( ou < /tr >). Sem as tags fim, a tabela não serão exibidos corretamente . A segunda linha da tabela contém duas células , ambos os quais se estendem por duas colunas . A terceira fila é composta por células , cada uma coluna de comprimento . Finalmente, a tabela é fechada com a tag " |
" .
Considerações
As tabelas não devem ser usados como o único meio para expor elementos na uma página web. O uso de tabelas como um método de layout faz com que os usuários rolar horizontalmente quando o usuário aumenta a exibição da página web ( zoom in) , especialmente quando a tabela contém imagens. Para combater este problema , folhas de estilo em cascata (CSS) deve ser usado para controlar o layout. No entanto, quando usado para exibir texto, tabelas criar atraentes, profissionais de páginas web à procura .