Como Fazer tabelas em HTML
•Als PPT, PDF herunterladen•
1 gefällt mir•3,828 views
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.
Empfohlen
Weitere ähnliche Inhalte
Andere mochten auch
Andere mochten auch (20)
Ähnlich wie Como Fazer tabelas em HTML
Ähnlich wie Como Fazer tabelas em HTML (20)
Mehr von Tales Augusto
Mehr von Tales Augusto (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Como Fazer tabelas em HTML
- 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>
- 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!