Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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!
Upcoming SlideShare
Loading in …5
×

1

Share

Download to read offline

Como Fazer tabelas em HTML

Download to read offline

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

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!
  • arlindomateusrocha

    Feb. 6, 2015

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

Views

Total views

3,773

On Slideshare

0

From embeds

0

Number of embeds

62

Actions

Downloads

62

Shares

0

Comments

0

Likes

1

×