Buscar

Microsoft Office, HTML - Operação de Software e Aplicativos Aula 5.2

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 3, do total de 10 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 6, do total de 10 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes
Você viu 9, do total de 10 páginas

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

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)

Continue navegando