Aula:   03   Data   24/11/2012                            :  Professor:  Washington  SilvaTurma:
Aula:   Data                       :  Professor:  Washington  SilvaTurma:
Sumário                      Aula:             Data                                        :                O que é HTML ...
Aula:             DataO QUE É HTML?                              :                HTML – é uma linguagem de marcação de h...
Aula:              Data                                      :                  HTML pode ser feito em qualquer editor   ...
Aula:              DataTAGS                                        :                Tag é uma palavra-chave (comando) que...
Aula:        DataTAGS                             :               •   <Comando>    Seu Texto                   </Comando> ...
Aula:               DataTAGS - PRINCIPAIS                             :               <HTML> </HTML>                 Marca...
Aula:           DataTAGS – NA PRÁTICA                       :               •   <HTML>               •   <HEAD>           ...
Aula:   DataTAGS – NA PRÁTICA           :  Professor:  Washington  SilvaTurma:
Aula:   DataTAGS – NA PRÁTICA           :  Professor:  Washington  SilvaTurma:
Aula:             Data                                          :                            TAGS – NA PRÁTICA            ...
Aula:            Data                                           :                        TAGS – NA PRÁTICA               ...
Aula:                DataTAGS - PRINCIPAIS                             :                  <BODY>                     <H1>...
Aula:                Data                                            :               •   <H1>               •   Cabeçalho ...
Aula:             DataTAG – PARÁGRAFO <P>                       :               •   <HTML>               •   <HEAD>       ...
Aula:   DataTAG – PARÁGRAFO <P>      :  Professor:  Washington  SilvaTurma:
Aula:   Data                       :  Professor:  Washington  SilvaTurma:
TAG - QUEBRA DE LINHA <BR>                          Aula:             Data                                            :  ...
Aula:              Data                                          :               TAG - QUEBRA DE LINHA <BR>               ...
Aula:       Data                                  :               TAG - QUEBRA DE LINHA <BR>  Professor:  Washington  Silv...
Aula:                        Data                                                      :                Formatação        ...
Aula:                   Data                   FORMATAÇÃO                    :                                       TEXTO...
Aula:                Data                                                :                                   ATIVIDADES   ...
Aula:   Data                       :  Professor:  Washington  SilvaTurma:
Aula:   Data                       :  Professor:  Washington  SilvaTurma:
Aula:               Data                                   :                       ATIVIDADE  Professor:  Washington  Silv...
Aula:              Data                                           :                  Faça conforme o texto abaixo siga as...
Aula:              Data                                           :                            ATIVIDADE 2               ...
Próximos SlideShares
Carregando em…5
×

Ppt web.pptx 07 e 08

692 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
692
No SlideShare
0
A partir de incorporações
0
Número de incorporações
312
Ações
Compartilhamentos
0
Downloads
8
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Ppt web.pptx 07 e 08

  1. 1. Aula: 03 Data 24/11/2012 : Professor: Washington SilvaTurma:
  2. 2. Aula: Data : Professor: Washington SilvaTurma:
  3. 3. Sumário Aula: Data :  O que é HTML  O que são TAGS  Visualizando o documento em HTML  Principais TAGS  Formatação Professor: Washington SilvaTurma:
  4. 4. Aula: DataO QUE É HTML? :  HTML – é uma linguagem de marcação de hipertex  H - Hyper  T – Text  M - Markup  L – Language Professor: Washington SilvaTurma:
  5. 5. Aula: Data :  HTML pode ser feito em qualquer editor de texto, até mesmo o simples Bloco de Notas:  Clique em:  Botão Iniciar > Executar > NotePad Professor: Washington SilvaTurma:
  6. 6. Aula: DataTAGS :  Tag é uma palavra-chave (comando) que define um item (imagens, texto, hyperLink, etc.) que irá fazer parte da página  Lembrando que grande parte em pares. Professor: Washington As tags são identificadas por SilvaTurma: estarem entre os sinais < > e < />
  7. 7. Aula: DataTAGS : • <Comando> Seu Texto </Comando> Professor: Washington SilvaTurma:
  8. 8. Aula: DataTAGS - 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> Professor: Mostra o título na barra de Washington Silva títuloTurma: <BODY> </BODY> Determina o que vai ser o “corpo” do programa.
  9. 9. Aula: DataTAGS – NA PRÁTICA : • <HTML> • <HEAD> • <TITLE> Minha primeira Aula de HTML • </TITLE> • </HEAD> Professor: • <BODY> Washington • Bom dia a todos, quem esta com Silva sono levanta a mão ..Turma: • </BODY> • </HTML>
  10. 10. Aula: DataTAGS – NA PRÁTICA : Professor: Washington SilvaTurma:
  11. 11. Aula: DataTAGS – NA PRÁTICA : Professor: Washington SilvaTurma:
  12. 12. Aula: Data : TAGS – NA PRÁTICA  <HTML>  <HEAD>  <TITLE> Minha primeira Página </TITLE> Professor:  </HEAD> Washington SilvaTurma:
  13. 13. Aula: Data : TAGS – NA PRÁTICA  <BODY>  Sejam bem vindo ao mundo HTML! Professor:  </BODY> Washington  </HTML> SilvaTurma:
  14. 14. Aula: DataTAGS - 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> Professor: </BODY> Washington SilvaTurma:
  15. 15. Aula: Data : • <H1> • Cabeçalho de tamanho 1 • <H2> • Cabeçalho de tamanho 2 • <H3> • Cabeçalho de tamanho 3 Professor: • <H6> Washington • Cabeçalho de tamanho 6 SilvaTurma:
  16. 16. Aula: DataTAG – PARÁGRAFO <P> : • <HTML> • <HEAD> • <TITLE> Minha primeira Página HEHEHE </TITLE> • </HEAD> • <BODY> Professor: • Sejam bem vindo ao mundo HTML, Washington <P>agora viajaremos SilvaTurma: • <P>no html<P>!!!!! • </BODY> • </HTML>
  17. 17. Aula: DataTAG – PARÁGRAFO <P> : Professor: Washington SilvaTurma:
  18. 18. Aula: Data : Professor: Washington SilvaTurma:
  19. 19. TAG - QUEBRA DE LINHA <BR> Aula: Data : 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 Professor: Washington SilvaTurma:
  20. 20. Aula: Data : TAG - QUEBRA DE LINHA <BR>  <HTML>  <HEAD>  <TITLE> Minha primeira página HTML </TITLE>  </HEAD>  <BODY> Professor:  Quando um comando <BR> é inserido em um Washington local do programa, o browser irá<BR> fazer Silva uma quebra de linha, <BR> posiciona-se naTurma: linha seguinte ao comando.<BR>  </BODY>  </HTML>
  21. 21. Aula: Data : TAG - QUEBRA DE LINHA <BR> Professor: Washington SilvaTurma:
  22. 22. Aula: Data : Formatação Sintaxe Função NEGRITO <b>texto</b> Aplica o estilo negrito ITÁLICO <I>texto</I> Aplica o estilo itálico SUBLINHA <u>texto</u> Aplica um sublinhado DO SMALL <small>texto</small> Reduz e altera a fonte BIG <big>texto</big> Aumenta a fonte e aplica Professor: negrito Washington Cor da fonte <font color=?></font> Altera a cor da fonte SilvaTurma:
  23. 23. Aula: Data FORMATAÇÃO : TEXTO <b></b> Texto negrito. <i></i> Texto em itálico. Texto estilo máquina de <tt></tt> escrever, mono espaçamento. Professor: Washington <font size=?></font> Tamanho das letras. SilvaTurma: <font color=?></font> Cor das letras.
  24. 24. Aula: Data : ATIVIDADES  Faça os exemplos Professor: Washington SilvaTurma:
  25. 25. Aula: Data : Professor: Washington SilvaTurma:
  26. 26. Aula: Data : Professor: Washington SilvaTurma:
  27. 27. Aula: Data : ATIVIDADE Professor: Washington SilvaTurma:
  28. 28. Aula: Data :  Faça conforme o texto abaixo siga as orientações cor sublinhado itálico Professor: Washington SilvaTurma:
  29. 29. Aula: Data : ATIVIDADE 2  Sua pesquisa deve contes os seguintes tópicos  O que é html  Quando surgiu html Professor:  Faça uma lista com as tag mais comuns e Washington importantes do html SilvaTurma:  Faça uma pagina em html com todo o conteúdo pesquisado acima

×