Aula 05

2.106 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.106
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

×