Baixe o app para aproveitar ainda mais
Prévia do material em texto
OSA - Operação de Software e Aplicativos AULA nº 5.2 HTML Plantão de dúvidas Email : plantaoetec@gmail.com 1 Técnico em Informática Etec- Cafelândia “ Aprendendo a aprender !!! “ www.etecafelandia.com.br 2 Técnico em Informática Etec- Cafelândia “ Aprendendo a aprender !!! “ www.etecafelandia.com.br APLICANDO COR NO TEXTO Para adicionar cores nas letras, basta usar o seguinte comando : <FONT COLOR=”NOMEDACOR”>Escreve a frase</FONT> Exemplo: <FONT COLOR=”BLUE”>Frase: não esquecer as aspas</FONT> Para colocar cores nas letras, basta apenas que você saiba como escrever em Inglês o nome da cor desejada; abaixo veremos algumas cores, lembrando que no caso de nenhuma cor especificada, a cor padrão será o preto (black). 3 Técnico em Informática Etec- Cafelândia “ Aprendendo a aprender !!! “ www.etecafelandia.com.br Amarelo Yellow Marrom Brown Azul Blue Rosa Pink Bege Beige Verde Green Branco White Vermelho Red Ciano Cyan Vinho Purple Laranja Orange Violeta Violet 4 Técnico em Informática Etec- Cafelândia “ Aprendendo a aprender !!! “ www.etecafelandia.com.br COLOCANDO BACKGROUND Para que nossa página tenha uma imagem de fundo, usamos o seguinte comando : <BODY BACKGROUND=”Nome_do_arquivo”></BODY> Exemplo: 5 Técnico em Informática Etec- Cafelândia “ Aprendendo a aprender !!! “ www.etecafelandia.com.br INSERINDO UMA FIGURA As figuras utilizadas nas páginas de Internet deverão ser de extensões .GIF ou .JPG devido ao seu tamanho bastante reduzido, facilitando assim seu tráfego pela rede (Internet). As imagens .BMP são muito grandes. <IMG SRC=”NomeDaFigura”> Exemplo: <IMG SRC=”Figura.gif”> 6 Técnico em Informática Etec- Cafelândia “ Aprendendo a aprender !!! “ www.etecafelandia.com.br IMPORTANTE Se você colocar uma figura em sua página que não esteja do tamanho desejado, você poderá aumentar ou diminuir suas dimensões utilizando os parâmetros: Para alterar a altura HIGHT Para alterar a o comprimento WIDTH Exemplo: <IMG SRC=”Figura.gif” HEIGHT=”10” WIDTH=”400”> A unidade de medida usada para alterar as dimensões de uma figura chama-se PIXEL, e quanto maior o número, maior serão suas dimensões. 7 Técnico em Informática Etec- Cafelândia “ Aprendendo a aprender !!! “ www.etecafelandia.com.br Comando Função Left Alinha à esquerda Right Alinha à direita Center Centraliza Esquerda : <P ALIGN=”LEFT”> <IMG SRC=”Figura1.gif”> </P> Direita : <P ALIGN=”RIGHT”> <IMG SRC=”Figura1.gif”> </P> Centralizado: <P ALIGN=”CENTER”> <IMG SRC=”Figura1.gif”> </P> 8 Técnico em Informática Etec- Cafelândia “ Aprendendo a aprender !!! “ www.etecafelandia.com.br EXERCÍCIOS 1 – Baseado no exemplo que mostramos anteriormente, faça uma página que obedeça os seguintes pedidos : (salvar esse exercício como pagina1.html) Cabeçalho para a página: Esta é minha HomePage Título principal (tamanho H1 e centralizado) Aprendendo HTML Texto para você colocar na página: (tamanho H2 e depois uma linha em branco) Esta página conterá a explicação de alguns comandos de HTML (tamanho H3 e depois uma linha em branco) Comando para formatar um texto: (tamanho H4) B Comando que aplica negrito nas palavras I Comando para aplicar Itálico nas palavras U Coloca sublinhado nas palavras P Insere uma linha em branco entre dois blocos de texto HR Insere uma linha horizontal na página BR Força a quebra de uma linha Coloque uma linha horizontal e depois escreva com tamanho H4 : 9 Técnico em Informática Etec- Cafelândia “ Aprendendo a aprender !!! “ www.etecafelandia.com.br 10 Técnico em Informática Etec- Cafelândia “ Aprendendo a aprender !!! “ www.etecafelandia.com.br 2 – Você terá como desafio agora, criar uma página com os seguintes detalhes : (salvar como pagina2.html) Cor das letras Background Alinhamento das figuras. (esquerda, direita e centralizado)
Compartilhar