Campus Garanhuns
TABELAS EM HTML
TABELAS EM HTML• Utilizada para listagem de dados• Também utilizada para organizar formulários e layout  de páginas• Para ...
COMO É FEITA A CRIAÇÃO DE TABELAS EMHTML• Há 3 tags principais: • <table> • <tr> • <td>• A tag<table> é usada para criação...
EXEMPLO DE CÓDIGO HTML PARA TABELAS<table border=1><tr><td>coluna 1</td><td>coluna 2</td></tr></table>
ATRIBUTOS DA TAG <TABLE>• border  • Descrição: Define se a tabela terá borda ou não  • Valores: 1 ou 0• id  • Descrição: i...
ATRIBUTOS DA TAG <TD>• align  • Descrição: Define o alinhamento do conteúdo dentro da coluna  • Valores: left, right, cent...
TAG <TH>• Em geral tabelas possuem cabeçalhos utilizados para  organizar as informações• Utiliza-se esta tag para definir ...
EXEMPLO DE CÓDIGO HTML PARA CABEÇALHODE TABELA<table border=1><tr><th>cabeçalho 1</th><th>cabeçalho 2</th><tr><td>coluna 1...
EXERCÍCIO TABELAS
Próximos SlideShares
Carregando em…5
×

Criação de tabelas com HTML

1.011 visualizações

Publicada em

Slide da disciplina de linguagem de programação para a web do curso técnico em informática do IFPE - Campus Garanhuns. Apresenta como é realizada a criação de tabelas utilizando HTML

Publicada em: Educação
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
1.011
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
52
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Criação de tabelas com HTML

  1. 1. Campus Garanhuns
  2. 2. TABELAS EM HTML
  3. 3. TABELAS EM HTML• Utilizada para listagem de dados• Também utilizada para organizar formulários e layout de páginas• Para layout de páginas recomenda-se o uso de <div> • Tabless
  4. 4. COMO É FEITA A CRIAÇÃO DE TABELAS EMHTML• Há 3 tags principais: • <table> • <tr> • <td>• A tag<table> é usada para criação da estrutura da tabela• A tag <tr> é usada para criação de linhas na tabela• A tag< td> é usada para criação de colunas na tabela
  5. 5. EXEMPLO DE CÓDIGO HTML PARA TABELAS<table border=1><tr><td>coluna 1</td><td>coluna 2</td></tr></table>
  6. 6. ATRIBUTOS DA TAG <TABLE>• border • Descrição: Define se a tabela terá borda ou não • Valores: 1 ou 0• id • Descrição: identificadores para a tabela• cellspacing • Descrição: espaçamento entre as colunas da tabela • Valores: em pixels• width • Descrição: largura da tabela
  7. 7. ATRIBUTOS DA TAG <TD>• align • Descrição: Define o alinhamento do conteúdo dentro da coluna • Valores: left, right, center, justify• colspan • Descrição: Determina o número de colunas uma célula deve ocupar• rowspan • Descrição: Determina o número de linhas que uma célula deve ocupar
  8. 8. TAG <TH>• Em geral tabelas possuem cabeçalhos utilizados para organizar as informações• Utiliza-se esta tag para definir os cabeçalhos em tabelas• Utilizada juntamente com a tag <tr> e ao invés da tag <td>
  9. 9. EXEMPLO DE CÓDIGO HTML PARA CABEÇALHODE TABELA<table border=1><tr><th>cabeçalho 1</th><th>cabeçalho 2</th><tr><td>coluna 1</td><td>coluna 2</td></tr></table>
  10. 10. EXERCÍCIO TABELAS

×