Curso de HTML - TABELASAULA 06Tales Augusto@talesdejesuswww.talesaugusto.biz

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

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

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 conteúdos e ajustar seu website.

Para isto, usamos as famosas TABELAS. Vou Explicar o passo a passo

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.

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>

Explicando Melhor

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.

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>

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).

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.

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.

Fontes de Pesquisa: http://www.codigofonte.net/dicas/html/

127_criando-tabelas-em-html

http://pt-br.html.net/tutorials/html/lesson10.php

Valeu e até a

próxima!