Curso de HTML
- TABELAS
AULA 06
Tales Augusto
@talesdejesus
www.talesaugusto.biz
Quem sou eu...
 Formado

em Analise de Sistemas
 Dono da Empresa Portal de Design
Criação de Sites
 Atualmente se espec...
Antes de Começar...
 Importante

que você...
 Seja um iniciante
 Veja as aulas anteriores
 Entenda que nosso curso é b...
E nesta aula?
 Vamos

falar sobre...

 Tabelas

em HTML
Tabelas em HTML
 No

desenvolvimento de websites, por
mais simples que seja, é necessário uma
maneira de organizar seus c...
Tabelas em HTML
 Para

isto, vamos precisar do Bloco de
notas, isto mesmo!
 O bloco de notas do Windows.
 Ou qualquer p...
Tags Principais








Estas tag’s definem o inicio e o fim de uma
tabela
<table> </table>
Toda tabela tem linhas ...
Explicando Melhor
Explicando melhor...
 Qual

a diferença entre <tr> e <td>?
 <tr> significa "table row" - linha de tabela começa e termin...
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...
Atributos





Border: que é usado para definir a espessura
de uma borda em volta da tabela
Align: define o alinhamento...
Bônus
 Para

melhorar seus estudos clique no link
confira
http://www.ancibe.com.br/html/tabelas.
html mais detalhes do qu...
Dúvidas
 Deixe

nos comentários
 Lembrado todos que participarem deste
curso e comentarem em todas as aulas
receberão GR...
Fontes de Pesquisa:
 http://www.codigofonte.net/dicas/html/1

27_criando-tabelas-em-html
 http://pt-

br.html.net/tutori...
Valeu e até a
próxima!
Próximos SlideShares
Carregando em…5
×

Como Fazer tabelas em HTML

2.989 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.989
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!

×