Painel de Usuario
Mensagens: 0
-
Alterar
-
Ver
-
Tópicos e mensagens
Menu
- Planeta Tutorial
- Ajuda e suporte
- Serviços para usuários
- Entretenimento
- Game zone
- Outros serviços
Procurar
Translate
Últimos assuntos
Estatísticas
Temos 26 usuários registradosO último membro registrado é kaironborges
Os nossos membros postaram um total de 144 mensagens em 142 assuntos
Radio Jovem Pan
Relogio
Visitou
Lição 11: Mais tabelas
Página 1 de 1
Lição 11: Mais tabelas
O título "Mais tabelas" pode sugerir uma lição enfadonha. Mas, veja as coisas pelo lado positivo, depois que você se tornar um mestre em tabelas nada mais do HTML poderá desafiá-lo.
O que mais existe?
Os dois atributos colspan e rowspan são usados para criar tabelas singulares.
Colspan é a abreviação para "column span". Colspan é usada na tag
Exemplo 1:
- Código:
<table border="1">
<tr>
<td colspan="3">Célula 1</td>
</tr>
<tr>
<td>Célula 2</td>
<td>Célula 3</td>
<td>Célula 4</td>
</tr>
</table>
Será renderizado no navegador assim:
Célula 1 | ||
Célula 2 | Célula 3 | Célula 4 |
Definindo colspan em "3", a célula na primeira linha conterá três colunas. Se você definir colspan em "2", a célula conterá duas colunas e assim será necessário inserir mais uma célula na primeira linha para que tenhamos na primeira linha as colunas em acordo com as da segunda linha.
Exemplo 2:
- Código:
<table border="1">
<tr>
<td colspan="2">Célula 1</td>
<td>Célula 2</td>
</tr>
<tr>
<td>Célula 3</td>
<td>Célula 4</td>
<td>Célula 5</td>
</tr>
</table>
Será renderizado no navegador assim:
Célula 1 | Célula 2 | |
Célula 3 | Célula 4 | Célula 5 |
Que tal rowspan?
Como você já deve ter concluido, rowspan especifica quantas linhas estarão contidas em uma célula:
Exemplo 3:[code]
Célula 1 | Célula 2 |
Célula 3 | |
Célula 4 |
Será renderizado no navegador assim:
Célula 1 | Célula 2 |
Célula 3 | |
Célula 4 |
No exemplo acima rowspan é definido em "3" na Célula 1. Isto especifica que uma célula deve conter 3 linhas. Célula 1 e Célula 2 estão na mesma linha, enquanto Célula 3 e Célula 4 formam duas linhas independentes.
Confuso? Bem, isto na verdade não é descomplicado e você pode se perder. Assim, é sempre uma boa idéia, desenhar a tabela em uma folha de papel antes de começar a codificação HTML.
Não está confuso? Então vá em frente e crie algumas tabela com uso de colspan e rowspan.
konan- Uplouder
- Respeito às regras :
Mensagens : 59
Reputação : 0
Data de inscrição : 13/06/2011
Idade : 32
Tópicos semelhantes
» Lição 10: Tabelas
» Lição 6: Mais tags HTML
» Lição 9: Imagens
» Lição 2: O que é HTML?
» Lição 7: Atributos
» Lição 6: Mais tags HTML
» Lição 9: Imagens
» Lição 2: O que é HTML?
» Lição 7: Atributos
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Ter 28 Jun 2011 - 17:31 por Admin
» Efeito Glow
Seg 27 Jun 2011 - 17:39 por Admin
» Efeito Brilho Suave nas fotos
Seg 27 Jun 2011 - 17:33 por Admin
» Arte geométrica com Photoshop
Seg 27 Jun 2011 - 17:31 por Admin
» Efeito Varinha Mágica no Photoshop
Sáb 25 Jun 2011 - 15:20 por konan
» Montagem multicolorida com tintas e efeitos diversos
Sáb 25 Jun 2011 - 15:18 por konan
» Linhas luminescentes no Photoshop
Sáb 25 Jun 2011 - 15:17 por konan
» Segredos sobre design de site
Sex 24 Jun 2011 - 23:00 por konan
» Hardware para iniciantes, parte 5
Sex 24 Jun 2011 - 22:41 por konan