Este documento apresenta uma aula sobre tabelas em HTML. Ele explica as principais tags para criação de tabelas como <table>, <tr> e <td>, além de atributos como border, align e valign. Exemplos são fornecidos para ilustrar como estruturar tabelas com essas tags.

1. Curso de HTML
- TABELAS
AULA 06
Tales Augusto
@talesdejesus
www.talesaugusto.biz

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. 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. E nesta aula?
 Vamos
falar sobre...
 Tabelas
em HTML

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. 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. 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. Explicando Melhor

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. 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. 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. 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. 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. 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. Valeu e até a
próxima!