Como Fazer tabelas em HTML

2.972 visualizações

Publicada em

Curso Grátis de HTML. Aprenda a fazer tabelas em HTML

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

Sem downloads
Visualizações
Visualizações totais
2.972
No SlideShare
0
A partir de incorporações
0
Número de incorporações
51
Ações
Compartilhamentos
0
Downloads
49
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Como Fazer tabelas em HTML

  1. 1. Curso de HTML - TABELAS AULA 06 Tales Augusto @talesdejesus www.talesaugusto.biz
  2. 2. Quem sou eu...  Formado em Analise de Sistemas  Dono da Empresa Portal de Design Criação de Sites  Atualmente se especializando em Comunicação em Mídias Sociais e Gestão de Projetos
  3. 3. Antes de Começar...  Importante que você...  Seja um iniciante  Veja as aulas anteriores  Entenda que nosso curso é básico...  Faz parte de um projeto piloto, então tudo ainda está sendo aperfeiçoado  Tudo free
  4. 4. E nesta aula?  Vamos falar sobre...  Tabelas em HTML
  5. 5. Tabelas em HTML  No desenvolvimento de websites, por mais simples que seja, é necessário uma maneira de organizar seus conteúdos e ajustar seu website.  Para isto, usamos as famosas TABELAS.  Vou Explicar o passo a passo
  6. 6. Tabelas em HTML  Para isto, vamos precisar do Bloco de notas, isto mesmo!  O bloco de notas do Windows.  Ou qualquer programa editor de textos simples que você tenha instalado em seu computador.
  7. 7. Tags Principais        Estas tag’s definem o inicio e o fim de uma tabela <table> </table> Toda tabela tem linhas e colunas... A tag para linhas é: <tr> </tr> E para as colunas é: <td> </td>
  8. 8. Explicando Melhor
  9. 9. Explicando melhor...  Qual a diferença entre <tr> e <td>?  <tr> significa "table row" - linha de tabela começa e termina e uma linha horizontal da tabela.  <td> significa "table data" - dados da tabela. começa e termina cada célula contida nas linhas da tabela.
  10. 10. Exemplo de tabela:   <table> <tr> <td>Célula 1</td> <td>Célula 2</td>     </tr> <tr> <td>Célula 3</td> <td>Célula 4</td>     </tr> </table>
  11. 11. Atributos    Border: que é usado para definir a espessura de uma borda em volta da tabela Align: define o alinhamento horizontal do conteúdo da tabela, de uma linha ou de uma célula. Por exemplo, left, center ou right (à esquerda, no centro ou à direita). Valign: define o alinhamento vertical do conteúdo de uma célula. Por exemplo, top, middle ou bottom (em cima, no meio ou em baixo).
  12. 12. Bônus  Para melhorar seus estudos clique no link confira http://www.ancibe.com.br/html/tabelas. html mais detalhes do que você pode fazer com tabelas.
  13. 13. Dúvidas  Deixe nos comentários  Lembrado todos que participarem deste curso e comentarem em todas as aulas receberão GRATUITAMENTE UM CERTIFICADO DE PARTICIPAÇÃO.
  14. 14. Fontes de Pesquisa:  http://www.codigofonte.net/dicas/html/1 27_criando-tabelas-em-html  http://pt- br.html.net/tutorials/html/lesson10.php
  15. 15. Valeu e até a próxima!

×