Como Fazer tabelas em HTML
-
Upload
tales-augusto -
Category
Education
-
view
1.722 -
download
1
description
Transcript of Como Fazer tabelas em HTML
Curso de HTML - TABELASAULA 06Tales [email protected]
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!