Aula 07Washington Silva
Sumário•   O que é HTML•   O que são TAGS•   Visualizando o documento em HTML•   Principais TAGS•   Formatação
•   HTML – é uma linguagem de marcação de hipertexto.•   H - Hyper•   T – Text•   M - Markup•   L – Language
• HTML pode ser feito em qualquer editor de texto, até  mesmo o simples Bloco de Notas:• Clique em:• Botão Iniciar > Execu...
• Tag é uma palavra-chave (comando) que define um item  (imagens, texto, hyperLink, etc.) que irá fazer parte da  página• ...
• <Comando>    Seu Texto  </Comando>
<HTML> </HTML>    Marca o início e o fim do documento   <HEAD> </HEAD>     Marca o início e o fim do Cabeçalho  <TITLE> </...
• <HTML>• <HEAD>• <TITLE> Minha primeira Aula de HTML• </TITLE>• </HEAD>• <BODY>• Bom dia a todos, quem esta com sono leva...
•   <HTML>•   <HEAD>•   <TITLE> Minha primeira Página </TITLE>•   </HEAD>
•   <BODY>•   Sejam bem vindo ao mundo HTML!•   </BODY>•   </HTML>
• <BODY>   <H1> Cabeçalho de tamanho 1 </H1>   <H2> Cabeçalho de tamanho 2 </H2>   <H3> Cabeçalho de tamanho 3 </H3>   <H6...
•   <H1>•   Cabeçalho de tamanho 1•   <H2>•   Cabeçalho de tamanho 2•   <H3>•   Cabeçalho de tamanho 3•   <H6>•   Cabeçalh...
•   <HTML>•   <HEAD>•   <TITLE> Minha primeira Página HEHEHE </TITLE>•   </HEAD>•   <BODY>•   Sejam bem vindo ao mundo HTM...
• O comando <br> faz uma quebra de linha. Este comando  também insere uma linha em branco no seu local ou na  linha seguin...
• <HTML>• <HEAD>• <TITLE> Minha primeira página HTML </TITLE>• </HEAD>• <BODY>• Quando um comando <BR> é inserido em um lo...
Formatação           Sintaxe                           FunçãoNEGRITO         <b>texto</b>            Aplica o estilo negri...
TEXTO     <b></b>                      Texto negrito.      <i></i>                   Texto em itálico.                    ...
• Faça os exemplos
• Faça conforme o texto abaixo siga as orientações cor  sublinhado itálico
•   Realizar uma pesquisa sobre css•   Sua pesquisa deve contes os seguintes tópicos•   O que é css•   Quando surgiu css• ...
Desenvolvimento sites html
Desenvolvimento sites html
Desenvolvimento sites html
Desenvolvimento sites html
Desenvolvimento sites html
Desenvolvimento sites html
Desenvolvimento sites html
Desenvolvimento sites html
Desenvolvimento sites html
Desenvolvimento sites html
Próximos SlideShares
Carregando em…5
×

Desenvolvimento sites html

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

Nenhuma nota no slide

Desenvolvimento sites html

  1. 1. Aula 07Washington Silva
  2. 2. Sumário• O que é HTML• O que são TAGS• Visualizando o documento em HTML• Principais TAGS• Formatação
  3. 3. • HTML – é uma linguagem de marcação de hipertexto.• H - Hyper• T – Text• M - Markup• L – Language
  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
  5. 5. • Tag é uma palavra-chave (comando) que define um item (imagens, texto, hyperLink, etc.) que irá fazer parte da página• Lembrando que a grande maioria trabalha em pares. As tags são identificadas por estarem entre os sinais < > e < />
  6. 6. • <Comando> Seu Texto </Comando>
  7. 7. <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.
  8. 8. • <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>
  9. 9. • <HTML>• <HEAD>• <TITLE> Minha primeira Página </TITLE>• </HEAD>
  10. 10. • <BODY>• Sejam bem vindo ao mundo HTML!• </BODY>• </HTML>
  11. 11. • <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>
  12. 12. • <H1>• Cabeçalho de tamanho 1• <H2>• Cabeçalho de tamanho 2• <H3>• Cabeçalho de tamanho 3• <H6>• Cabeçalho de tamanho 6
  13. 13. • <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>
  14. 14. • 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
  15. 15. • <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>
  16. 16. Formatação Sintaxe FunçãoNEGRITO <b>texto</b> Aplica o estilo negritoITÁLICO <I>texto</I> Aplica o estilo itálicoSUBLINHADO <u>texto</u> Aplica um sublinhadoSMALL <small>texto</small> Reduz e altera a fonteBIG <big>texto</big> Aumenta a fonte e aplica negritoCor da fonte <font color=?></font> Altera a cor da fonte
  17. 17. TEXTO <b></b> Texto negrito. <i></i> Texto em itálico. Texto estilo máquina de <tt></tt> escrever, mono espaçamento. <font size=?></font> Tamanho das letras.<font color=?></font> Cor das letras.
  18. 18. • Faça os exemplos
  19. 19. • Faça conforme o texto abaixo siga as orientações cor sublinhado itálico
  20. 20. • Realizar uma pesquisa sobre css• Sua pesquisa deve contes os seguintes tópicos• O que é css• Quando surgiu css• Importância em utilizar css• Quais as diferenças entre HTML e o CSS

×