1. HTML Introdução a MicroinformáticaTurma J

2. Como funcionaumapágina?

4. Linguagempadrãoda internet

5. Não é linguagem de programação

6. Pode ser escritoemeditores de texto simples, comoBloco de Notas

7. Aosalvar o arquivo, é precisosalvarcomoformato ".htm" ou ".html"

9. Para abriruma tag, coloque o comandocorrespondente entre "<" e ">“

12. text: cor do texto. Padrão: preto

13. link: cor dos links. Padrão: azul

14. alink: cor do link quandoacionado. Padrão:azul

15. vlink: cor dos links jávisitados. Padrão: azul

16. background: endereçodaimagem de background. Padrão: Sem background.

18. Heading A 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 o texto de forma mais personalizada, é possível utilizar a tag <font> e seus atributos face: nome da fonte (Arial, Times, Courier) color: cor da fonte size: tamanho da fonte entre 1 e 7 Ex.: <font face="Arial" color="blue" size=5>Fonte Arial azul tamanho 5</font> Font

20. <b>negrito</b> <i>itálico</i> <u>sublinhado<</u> Negrito, Itálico e Sublinhado

21. Para indicar um pará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 podem no mesmo local da sua página ou em outro endereço web, mas precisam estar nos formatos gif, png ou jpg A tag para inserir uma imagem é <img>, e o local da imagem é indicado pelo atributo src Ex.: <imgsrc=“imagens/foto.jpg”> Imagem

23. Atributos Height: altura da imagem Width: largura da imagem Alt: Texto alternativo da imagem Border: Tamanho da borda da imagem Align: 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 que levam a documentos, outros sites ou parte específica da mesma página Para 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

25. href=mailto:nome@email.com.br target: indica onde a nova página deve ser aberta - Mesma página = “_self” (Padrão) - Nova página = “_blank” Links

26. Lista ordenada A tag <ol> indica o início de uma lista ordenada, e cada item dessa lista é indicado pela tag <li> <ol> <li>Primeiro item</li> <li>Segundo item</li> </ol> Lista

27. Lista não ordenada A tag <ul> indica o início de uma lista não ordenada, e cada item dessa lista é indicado pela tag <li> <ul> <li>Primeiro item</li> <li>Segundo item</li> </ul> Lista

28. Atributo type para <li> em lista ordenada type=A: Ordena em letras maiúsculas type=a: Ordena em letras minúsculas type=I: Ordena em numerais romanos maiúsculos type=i: Ordena em numerais romanos minúsculos Lista

29. Atributo type para <li> em lista não ordenada type=disc: Formato de disco (padrão) type=circle: Formato de círculo type=square: Formato de quadrado Lista

30. A tag<table> indica a criação de uma tabela A tag<tr> indica a criação de uma linha na tabela A tag<td> indica a criação de uma célula na linha Tabela

31. <table> <tr> <td>Célula 1</td> <td>Célula 2</td> </tr> <tr> <td>Célula 3</td> <td>Célula 4</td> </tr> </table> Tabela

32. Atributos border: espessura da borda da tabela em pixels width: largura da tabela em pixels ou % align: alinhamento horizontal do conteúdo da tabela, linha ou célula (left, center, right) valign: alinhamento vertical do conteúdo da tabela, linha ou célula (top, middle, bottom) Tabela

33. Inserindo uma linha, é possível criar separações no conteúdo da página. Basta inserir a tag<hr>. Atributos width: largura da linha em px ou % align: alinhamento da linha (left, center, right) color: cor da linha Linha

34. Serve para dar um comportamento diferente ao conteúdo inserido nele. A tag utilizada para isso é <marquee>. Atributos behavior: tipo de efeito (scroll ou slide) width: tamanho do letreiro na tela Letreiro