Baixado 27 vezes
HTML
- 1.
- 2.
- 3. O que éHTML?HyperText Markup Language
- 4.
- 5. Não é linguagemde programação
- 6. Pode ser escritoemeditoresde texto simples, comoBloco de Notas
- 7. Aosalvar o arquivo,é precisosalvarcomoformato ".htm" ou ".html"
- 8. Porconvenção, o nomedapáginaprincipal de um site deve ser "index.html", pois é o arquivoque o servidoriráprocurarcasonãosejasolicitado um arquivoespecíficoTagsComandos do código HTML queformam a página
- 9. Para abriruma tag,coloque o comandocorrespondente entre "<" e ">“
- 10. Para fechar atag, coloque o comandocorrespondente entre "</" e ">" Estruturabásica de umapágina<html> <head> <title>Nome dapágina</title> </head> <body> (Conteúdodapágina, comotexto, links, imagens, vídeos e etc.) </body></html>
- 11. Propriedades de <body>Atravésdos atributos de <body>, podemosdefinircor do texto, cor dos links, cor de fundo e imagem de fundo.<body bgcolor="cor" text="cor" link="cor" alink="cor" vlink="cor" background="endereçodaimagem">bgcolor: cor do fundodapágina. Padrão: branco
- 12. text: cor dotexto. Padrão: preto
- 13. link: cor doslinks. Padrão: azul
- 14. alink: cor dolink quandoacionado. Padrão:azul
- 15. vlink: cor doslinks jávisitados. Padrão: azul
- 16. background: endereçodaimagem debackground. Padrão: Sem background.
- 17. align: alinhamento dotexto (Esquerda = left, Centralizado = center, Direita = right). Padrão: esquerdaCoresÉ possívelinserirosvalores das cores das seguintesformas:Colocando o nomedacoreminglês. Ex.: Branco = White, Preto = Black, Azul = Blue, Rosa = PinkColocandoosvalores RGB da cor. Ex.: Branco = RGB(255,255,255), Preto = RGB(0,0,0), Amarelo = RGB(255,255,0)Colocando o valor hexadecimal da cor. Ex.: Branco = #FFFFFF, Preto = #000000, Verde = #00FF00Tabela de cores: http://www.efeitosespeciais.net/tabela.htm
- 18. HeadingA tag <hx>é utilizadaparadestacar o textocolocando-o emnegrito e definindo um tamanho, ondexvaria entre 1 (maiortamanho) e 6 (menostamanho).<h1>Maiortamanho de heading possível</h1><h6>Menortamanho de heading possível</h6>
- 19. Para editar otexto de forma mais personalizada, é possível utilizar a tag <font> e seus atributosface: nome da fonte (Arial, Times, Courier)color: cor da fontesize: tamanho da fonte entre 1 e 7Ex.: <font face="Arial" color="blue" size=5>Fonte Arial azul tamanho 5</font>Font
- 20.
- 21. Para indicar umparágrafo, utilizamos a tag <p>.Nela, podemos atribuir o alinhamento do texto.<p align=“left”>Alinhado à esquerda</p><p align=“center”>Texto centralizado</p><p align=“right”>Alinhado à direita</p><p align=“justify”>Texto justificado</p>Parágrafo e Alinhamento
- 22. As imagens podemno mesmo local da sua página ou em outro endereço web, mas precisam estar nos formatos gif, png ou jpgA tag para inserir uma imagem é <img>, e o local da imagem é indicado pelo atributo srcEx.: <imgsrc=“imagens/foto.jpg”>Imagem
- 23. AtributosHeight: altura daimagemWidth: largura da imagemAlt: Texto alternativo da imagemBorder: Tamanho da borda da imagemAlign: Alinhamento do texto em relação a imagem (top, middle, left, right)Ex.: <imgsrc=“imagens/foto.jpg” width=100 height=300 alt=“Minha foto” border=1 align=“left”>Imagem
- 24. Pontos clicáveis quelevam a documentos, outros sites ou parte específica da mesma páginaPara indicar a existência de um link, utilizamos a tag <a>, e para definir para onde o link levará, utilizamos o atributo href.Ex.: <a href=“www.google.com”>Clique aqui para acessar o Google</a>Links