Aula02

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

Nenhuma nota no slide

Aula02

  1. 1. Aula02<br /><ul><li> TAGS
  2. 2. Estrutura de uma página html
  3. 3. Como salvar página web
  4. 4. Cabeçalho <h>
  5. 5. Parágrafos <P>
  6. 6. Quebra de linha <br>
  7. 7. Melhorando apararência dos Textos
  8. 8. Linha de Separação <hr>
  9. 9. Cor de Fundo da página</li></li></ul><li>TAGS<br />Tags são estruturas fundamentais do html, sem elas não seria <br />possível a interpretação do browser.<br />As tags são identificadas pelo sinal de “< > e “</ >” <br />Sempre que abrir uma tag exemplo, <h1>texto</h1> deve –se<br />Fecha - lá, senão não haverá funcionalidade.<br />Código HTML<br />Dica : não se preocupe <br />Com maiúscula ou minúscula <br />no código html<br />
  10. 10. Estrutura de uma página HTML<br />Existe uma regra inicial para obter a estrutura HTML:<br />O cabeçalho sempre, eu disse SEMPRE será Igual<br />Como no modelo a seguir:<br />
  11. 11. Como Salvar página web<br />Escolha seu Computador!<br />Crie sua pasta!<br />Para salvar a página é bem simples mesmo!<br />Esse é o caminho<br />Iniciar<br />Todos os Programas<br />Acessórios<br />Bloco de Notas<br />
  12. 12. Como Salvar página web<br />Escolha seu Computador!<br />Crie sua pasta!<br />Para salvar a página é bem simples mesmo!<br />Arquivo<br />Salvar Como<br />Escolhe o Local<br />Coloca Index.html<br />Como nome do arquivo<br />Salvar<br />
  13. 13. Cabeçalho <h><br />A tag <h> serve para alterar o tamanho <br />da letra do site.<br />Dentro do corpo do site coloque:<br /><h1> Tamanho1</h1><br /><h2> Tamanho1</h2><br /><h3> Tamanho1</h3><br /><h4> Tamanho1</h4><br /><h5> Tamanho1</h5><br /><h6> Tamanho1</h6><br />
  14. 14. paragráfo <p><br />A tag <p> serve para criar parágrafo no texto.<br />Dentro do corpo do site coloque:<br /><h3>textotextotextotexto<br />Textotexto</h3><br />Se vc inserir <p> depois que<br />Descer a linha vai dar certo o<br />Parágrafo EX:<br /><h3>textotextotextotexto<p><br />Textotexto</h3><br />
  15. 15. Quebra de linha <br><br />A quebra de linha <br> serve para pular uma linha,<br />Assim como apertamos enter para saltar uma linha o <br><br />Serve para pular uma linha.<br /><br><br /><br><br /><br><br /><br><br /><br><br /><br><br /><br><br /><br><br />
  16. 16. Melhorando a aparência dos textos<br />Assim como o <p> serve para parágrafo<br />O <br> para pular linha temos também o<br /><b>Negrito</b><br /><i> itálico </i><br /><u> sublinhado</u><br />Dica :jamais coloque um texto sublinhado no seu site, as pessoas podem pensar<br />que possa ser um link!<br />
  17. 17. Linha de separação <hr><br />A Tag <hr> cria uma linha de separação, pode ser usada para texto imagens, etc.<br />Tá Ligado apareceu<br />Uma linha cinza mano,<br />Essa linha é graças<br />A tag <hr>. curti o som!<br />
  18. 18. Formatando fonte <font><br />A tag <font> serve para vc escolher a cor da fonte assim como seu tamanho<br />Ates do texto coloque a tag como no exemplo a seguir:<br /><fontsize=16 color=red> texto 16 e vermelho</font><br />
  19. 19. Formatando fonte <font><br />Lista de cores:<br />
  20. 20. Cor de fundo da página<br />Para inserir uma cor de fundo basta inserir na tag <body> a cor desejada<br />Veja no exemplo:<br />
  21. 21. Dever de Casa<br />Escolha o Nome do Seu Site!!!<br />

×