Lio 11: Mais tabelasO ttulo "Mais tabelas" pode sugerir uma lio enfadonha. Mas, veja as coisas pelo lado positivo, depois quevoc se tornar um mestre em tabelas nada mais do HTML poder desafi-lo.

O que mais existe?Os dois atributos colspan e rowspan so usados para criar tabelas singulares.

Colspan a abreviao para "column span". Colspan usada na tag para indicar quantas colunasestaro contidas em uma clula.

Exemplo 1:

Clula 1 Clula 2 Clula 3 Clula 4

Ser renderizado no navegador assim:

Clula 1Clula 2 Clula 3 Clula 4

Definindo colspan em "3", a clula na primeira linha conter trs colunas. Se voc definir colspan em "2", aclula conter duas colunas e assim ser necessrio inserir mais uma clula na primeira linha para quetenhamos na primeira linha as colunas em acordo com as da segunda linha.

Exemplo 2:

Clula 1 Clula 2 Clula 3 Clula 4 Clula 5

Ser renderizado no navegador assim:

Lio 11: Mais tabelas - HTML.net http://pt-br.html.net/tutorials/html/lesson11.php

1 de 2 04/02/2014 16:37

>

Clula 1 Clula 2Clula 3 Clula 4 Clula 5

Que tal rowspan?Como voc j deve ter concluido, rowspan especifica quantas linhas estaro contidas em uma clula:Exemplo 3:

Clula 1 Clula 2 Clula 3 Clula 4

Ser renderizado no navegador assim:

Clula 1Clula 2Clula 3Clula 4

No exemplo acima rowspan definido em "3" na Clula 1. Isto especifica que uma clula deve conter 3linhas. Clula 1 e Clula 2 esto na mesma linha, enquanto Clula 3 e Clula 4 formam duas linhasindependentes.

Confuso? Bem, isto na verdade no descomplicado e voc pode se perder. Assim, sempre uma boaidia, desenhar a tabela em uma folha de papel antes de comear a codificao HTML.

No est confuso? Ento v em frente e crie algumas tabela com uso de colspan e rowspan.

Lio 11: Mais tabelas - HTML.net http://pt-br.html.net/tutorials/html/lesson11.php

2 de 2 04/02/2014 16:37