curso de html - como fazer tabelas
DESCRIPTION
Curso de Gratis de HTML Online. Aprenda como Criar tabelas em HTML. Acesse: www.talesaugusto.bizTRANSCRIPT
![Page 1: Curso de Html - Como Fazer Tabelas](https://reader034.vdocuments.mx/reader034/viewer/2022042720/568c50b01a28ab4916af8ede/html5/thumbnails/1.jpg)
Curso de HTML - TABELASAULA 06Tales [email protected]
![Page 2: Curso de Html - Como Fazer Tabelas](https://reader034.vdocuments.mx/reader034/viewer/2022042720/568c50b01a28ab4916af8ede/html5/thumbnails/2.jpg)
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
![Page 3: Curso de Html - Como Fazer Tabelas](https://reader034.vdocuments.mx/reader034/viewer/2022042720/568c50b01a28ab4916af8ede/html5/thumbnails/3.jpg)
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
![Page 4: Curso de Html - Como Fazer Tabelas](https://reader034.vdocuments.mx/reader034/viewer/2022042720/568c50b01a28ab4916af8ede/html5/thumbnails/4.jpg)
E nesta aula? Vamos falar sobre...
Tabelas em HTML
![Page 5: Curso de Html - Como Fazer Tabelas](https://reader034.vdocuments.mx/reader034/viewer/2022042720/568c50b01a28ab4916af8ede/html5/thumbnails/5.jpg)
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
![Page 6: Curso de Html - Como Fazer Tabelas](https://reader034.vdocuments.mx/reader034/viewer/2022042720/568c50b01a28ab4916af8ede/html5/thumbnails/6.jpg)
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.
![Page 7: Curso de Html - Como Fazer Tabelas](https://reader034.vdocuments.mx/reader034/viewer/2022042720/568c50b01a28ab4916af8ede/html5/thumbnails/7.jpg)
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>
![Page 8: Curso de Html - Como Fazer Tabelas](https://reader034.vdocuments.mx/reader034/viewer/2022042720/568c50b01a28ab4916af8ede/html5/thumbnails/8.jpg)
Explicando Melhor
![Page 9: Curso de Html - Como Fazer Tabelas](https://reader034.vdocuments.mx/reader034/viewer/2022042720/568c50b01a28ab4916af8ede/html5/thumbnails/9.jpg)
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.
![Page 10: Curso de Html - Como Fazer Tabelas](https://reader034.vdocuments.mx/reader034/viewer/2022042720/568c50b01a28ab4916af8ede/html5/thumbnails/10.jpg)
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>
![Page 11: Curso de Html - Como Fazer Tabelas](https://reader034.vdocuments.mx/reader034/viewer/2022042720/568c50b01a28ab4916af8ede/html5/thumbnails/11.jpg)
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).
![Page 12: Curso de Html - Como Fazer Tabelas](https://reader034.vdocuments.mx/reader034/viewer/2022042720/568c50b01a28ab4916af8ede/html5/thumbnails/12.jpg)
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.
![Page 13: Curso de Html - Como Fazer Tabelas](https://reader034.vdocuments.mx/reader034/viewer/2022042720/568c50b01a28ab4916af8ede/html5/thumbnails/13.jpg)
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.
![Page 14: Curso de Html - Como Fazer Tabelas](https://reader034.vdocuments.mx/reader034/viewer/2022042720/568c50b01a28ab4916af8ede/html5/thumbnails/14.jpg)
Fontes de Pesquisa: http://www.codigofonte.net/dicas/html/
127_criando-tabelas-em-html
http://pt-br.html.net/tutorials/html/lesson10.php
![Page 15: Curso de Html - Como Fazer Tabelas](https://reader034.vdocuments.mx/reader034/viewer/2022042720/568c50b01a28ab4916af8ede/html5/thumbnails/15.jpg)
Valeu e até a
próxima!