05                    20/11/2012Instrutor: Washington Silva
Sumário•   O que é HTML•   O que são TAGS•   Visualizando o documento em HTML•   Principais TAGS           Instrutor: Wash...
O que é HTML?• HTML – é uma linguagem de  marcação de hipertexto.• H - Hyper• T – Text• M - Markup• L – Language        In...
• HTML pode ser feito em qualquer  editor de texto, até mesmo o simples  Bloco de Notas:• Clique em:• Botão Iniciar > Exec...
TAGS• Tag é uma palavra-chave (comando)  que define um item  (imagens, texto, hyperLink, etc.) que  irá fazer parte da pág...
Tags• <Comando>          Seu Texto    </Comando>    Instrutor: Washington Silva
Tags - Principais   <HTML> </HTML>      Marca o início e o fim do documento<HEAD> </HEAD>   Marca o início e o fim do Cabe...
Tags – Na prática• <HTML>• <HEAD>• <TITLE> Minha primeira Aula de HTML• </TITLE>• </HEAD>• <BODY>• Bom dia a todos, quem e...
Tags – Na prática   Instrutor: Washington Silva
Tags – Na práticaInstrutor: Washington Silva
Tags – Na prática•   <HTML>•   <HEAD>•   <TITLE> Minha primeira Página </TITLE>•   </HEAD>             Instrutor: Washingt...
Tags – Na prática•   <BODY>•   Sejam bem vindo ao mundo HTML!•   </BODY>•   </HTML>         Instrutor: Washington Silva
Tags - Principais• <BODY>   <H1> Cabeçalho de tamanho 1 </H1>   <H2> Cabeçalho de tamanho 2 </H2>   <H3> Cabeçalho de tama...
•   <H1>•   Cabeçalho de tamanho 1•   <H2>•   Cabeçalho de tamanho 2•   <H3>•   Cabeçalho de tamanho 3•   <H6>•   Cabeçalh...
TAG – Parágrafo <P>• <HTML>• <HEAD>• <TITLE> Minha primeira Página HEHEHE </TITLE>• </HEAD>• <BODY>• Sejam bem vindo ao mu...
TAG – Parágrafo <P>     Instrutor: Washington Silva
Instrutor: Washington Silva
TAG - QUEBRA DE LINHA <BR>• O comando <br> faz uma quebra de linha.  Este comando também insere uma linha em  branco no se...
TAG - QUEBRA DE LINHA <BR>  • <HTML>  • <HEAD>  • <TITLE> Minha primeira página HTML </TITLE>  • </HEAD>  • <BODY>  • Quan...
TAG - QUEBRA DE LINHA <BR>      Instrutor: Washington Silva
Formatação            Sintaxe                            FunçãoNEGRITO        <b>texto</b>                 Aplica o estilo...
Instrutor: Washington Silva
Instrutor: Washington Silva
Atividades• Abrir o bloco de notas e fazer as  atividades abaixo          Instrutor: Washington Silva
Instrutor: Washington Silva
Instrutor: Washington Silva
Instrutor: Washington Silva
Atividade 2• Fazer uma pesquisa na net sobre  algum assunto que lhe interesse.  Onde você fará uma pagina. Com os  textos ...
Aula 05
Próximos SlideShares
Carregando em…5
×

Aula 05

2.116 visualizações

Publicada em

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
2.116
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1.845
Ações
Compartilhamentos
0
Downloads
4
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Aula 05

  1. 1. 05 20/11/2012Instrutor: Washington Silva
  2. 2. Sumário• O que é HTML• O que são TAGS• Visualizando o documento em HTML• Principais TAGS Instrutor: Washington Silva
  3. 3. O que é HTML?• HTML – é uma linguagem de marcação de hipertexto.• H - Hyper• T – Text• M - Markup• L – Language Instrutor: Washington Silva
  4. 4. • HTML pode ser feito em qualquer editor de texto, até mesmo o simples Bloco de Notas:• Clique em:• Botão Iniciar > Executar > NotePad Instrutor: Washington Silva
  5. 5. TAGS• Tag é uma palavra-chave (comando) que define um item (imagens, texto, hyperLink, etc.) que irá fazer parte da página. As tags são identificadas por estarem entre os sinais < > e < /> Instrutor: Washington Silva
  6. 6. Tags• <Comando> Seu Texto </Comando> Instrutor: Washington Silva
  7. 7. Tags - Principais <HTML> </HTML> Marca o início e o fim do documento<HEAD> </HEAD> Marca o início e o fim do Cabeçalho<TITLE> </TITLE> Mostra o título na barra de título<BODY> </BODY> Determina o que vai ser o “corpo” do programa. Instrutor: Washington Silva
  8. 8. Tags – Na prática• <HTML>• <HEAD>• <TITLE> Minha primeira Aula de HTML• </TITLE>• </HEAD>• <BODY>• Bom dia a todos, quem esta com sono levanta a mão ..• </BODY>• </HTML> Instrutor: Washington Silva
  9. 9. Tags – Na prática Instrutor: Washington Silva
  10. 10. Tags – Na práticaInstrutor: Washington Silva
  11. 11. Tags – Na prática• <HTML>• <HEAD>• <TITLE> Minha primeira Página </TITLE>• </HEAD> Instrutor: Washington Silva
  12. 12. Tags – Na prática• <BODY>• Sejam bem vindo ao mundo HTML!• </BODY>• </HTML> Instrutor: Washington Silva
  13. 13. Tags - Principais• <BODY> <H1> Cabeçalho de tamanho 1 </H1> <H2> Cabeçalho de tamanho 2 </H2> <H3> Cabeçalho de tamanho 3 </H3> <H6> Cabeçalho de tamanho 6</H6> </BODY> Instrutor: Washington Silva
  14. 14. • <H1>• Cabeçalho de tamanho 1• <H2>• Cabeçalho de tamanho 2• <H3>• Cabeçalho de tamanho 3• <H6>• Cabeçalho de tamanho 6 Instrutor: Washington Silva
  15. 15. TAG – Parágrafo <P>• <HTML>• <HEAD>• <TITLE> Minha primeira Página HEHEHE </TITLE>• </HEAD>• <BODY>• Sejam bem vindo ao mundo HTML, <P>agora viajaremos• <P>no html<P>!!!!!• </BODY>• </HTML> Instrutor: Washington Silva
  16. 16. TAG – Parágrafo <P> Instrutor: Washington Silva
  17. 17. Instrutor: Washington Silva
  18. 18. TAG - QUEBRA DE LINHA <BR>• O comando <br> faz uma quebra de linha. Este comando também insere uma linha em branco no seu local ou na linha seguinte á qual ele foi inserido Instrutor: Washington Silva
  19. 19. TAG - QUEBRA DE LINHA <BR> • <HTML> • <HEAD> • <TITLE> Minha primeira página HTML </TITLE> • </HEAD> • <BODY> • Quando um comando <BR> é inserido em um local do programa, o browser irá<BR> fazer uma quebra de linha, <BR> posiciona-se na linha seguinte ao comando.<BR> • </BODY> • </HTML> Instrutor: Washington Silva
  20. 20. TAG - QUEBRA DE LINHA <BR> Instrutor: Washington Silva
  21. 21. Formatação Sintaxe FunçãoNEGRITO <b>texto</b> Aplica o estilo negritoITÁLICO <I>texto</I> Aplica o estilo itálicoSUBLINHAD <u>texto</u> Aplica um sublinhado OSMALL <small>texto</sm Reduz e altera a fonte all>BIG <big>texto</big> Aumenta a fonte e aplica negritoSOBRESCRIT <sup>texto>/sup> Eleva o texto e diminui seu O corpoSUBSCRITO <sub>texto</sub> Rebaixa o texto e diminui seu corpo Instrutor: Washington Silva
  22. 22. Instrutor: Washington Silva
  23. 23. Instrutor: Washington Silva
  24. 24. Atividades• Abrir o bloco de notas e fazer as atividades abaixo Instrutor: Washington Silva
  25. 25. Instrutor: Washington Silva
  26. 26. Instrutor: Washington Silva
  27. 27. Instrutor: Washington Silva
  28. 28. Atividade 2• Fazer uma pesquisa na net sobre algum assunto que lhe interesse. Onde você fará uma pagina. Com os textos escolhidos• E que na aula que vem colocaremos imagens e links. Instrutor: Washington Silva

×