SlideShare uma empresa Scribd logo
AG8 Informática 
IMAGENS 
Para inserir uma imagem em uma página web utilizamos do comando, tag, 
56 
<img src> e seus atributos. 
<img src="endereço da imagem no HD"> 
ex.: <img src="c:siteimagem.gif"> 
Poderemos acrescentar a esta imagem os seguintes atributos: 
Width="valor em pixel" largura da imagem 
Height="valor em pixel" altura da imagem 
Align=(left, right ou center) alinhamento da imagem 
Alt="texto" texto que irá aparecer ao passar o mouse sobre 
a imagem ou texto que surgirá caso a imagem 
não possa ser visualizada. 
Border="valor em pixel" especificação da largura da borda da imagem. 
Vspace="valor em pixel" para especificar o espaço que deve ser deixado 
acima e abaixo da imagem. 
Hspace="valor em pixel" especifica o espaço que deve ser deixado nas l 
aterais da imagem. 
O único obrigatório é o src. 
1- Colocando Uma Imagem Como Fundo Da Página 
<body background="endereço da imagem no HD"> 
ex.: <body background="c:siteimagem.jpg">
AG8 Informática 
57 
Procure usar imagens simples, com poucas variações de tons. 
Para fixar a imagem de fundo 
<body background="c:siteimagem.jpg" bgproperties="fixed"> 
2- Colocando Uma Cor Como Fundo Da Página: 
<body bgcolor="cor"> 
Procure não usar cores chamativas. Para que a cor do fundo da sua página 
chame mais atenção que seu conteúdo. 
Você pode criar seus próprios fundos de página com programas como o 
Photoshop e o Corelphoto-paint. 
ANOTAÇÕES

Mais conteúdo relacionado

PDF
HTML - Imagens
TXT
Html para oblog
PPTX
O elemento PICTURE para imagens responsivas
PPTX
Actividad NXT
DOCX
Nota para divulgação 10 .02.2014
DOC
Imei módulo2 - ficha formativa nº3
DOC
Portaria09112
PDF
Para casa do dia 04 de junho
HTML - Imagens
Html para oblog
O elemento PICTURE para imagens responsivas
Actividad NXT
Nota para divulgação 10 .02.2014
Imei módulo2 - ficha formativa nº3
Portaria09112
Para casa do dia 04 de junho

Destaque (17)

PPT
Hugo severino 7ºa nº13. poster sobre a fossilização.
DOCX
Economia e o voo de galinha
PDF
Certificado instalando e configurando o hyper v
PPT
Nosso louvor monica_coropos
PPTX
La naturaleza
PPTX
PDF
Termos de convivência
DOCX
Portada de biologia
PPTX
Maria alicia andrade, Diapositiva
PDF
LISTA A | PEDRO RIBEIRO
PDF
PMDF DE VOLTA À NORMALIDADE
DOCX
sobre a historia do filme
PPTX
Apresentação1
PPT
À Mulher
PDF
CISCO CEO LETTER
Hugo severino 7ºa nº13. poster sobre a fossilização.
Economia e o voo de galinha
Certificado instalando e configurando o hyper v
Nosso louvor monica_coropos
La naturaleza
Termos de convivência
Portada de biologia
Maria alicia andrade, Diapositiva
LISTA A | PEDRO RIBEIRO
PMDF DE VOLTA À NORMALIDADE
sobre a historia do filme
Apresentação1
À Mulher
CISCO CEO LETTER
Anúncio

Mais de Alvaro Gomes (20)

PPTX
Museu nacional de história natural e da ciência
PPTX
Luís Vaz de Camões Vida e Obras
PPTX
Ética Deontológica Técnico Administrativo
PPTX
Revolução Industrial - O Ponto de Viragem
PDF
Linux Commandos Cheat
PDF
Flash android using livesuit
PDF
Websearch
PDF
13 Things the Government doesn´t want you to know
PDF
Hackeando facebook com wireshark e cookie injector
PDF
Como transformar o router thomson num print server
PDF
Drivers ADB Android
PDF
ROM china original (Shenzhen)
PDF
Reinstalar actualizar el sistema operativo android
PDF
Hackeando facebook com wireshark e cookie injector
PDF
H4dummies (translated to portuguese)
PDF
Algoritmos e estructura de dados
PDF
HTML - Guia5
PDF
HTML - Guia4
PDF
HTML - Guia 3
PDF
HTML - Guia 1 e 2
Museu nacional de história natural e da ciência
Luís Vaz de Camões Vida e Obras
Ética Deontológica Técnico Administrativo
Revolução Industrial - O Ponto de Viragem
Linux Commandos Cheat
Flash android using livesuit
Websearch
13 Things the Government doesn´t want you to know
Hackeando facebook com wireshark e cookie injector
Como transformar o router thomson num print server
Drivers ADB Android
ROM china original (Shenzhen)
Reinstalar actualizar el sistema operativo android
Hackeando facebook com wireshark e cookie injector
H4dummies (translated to portuguese)
Algoritmos e estructura de dados
HTML - Guia5
HTML - Guia4
HTML - Guia 3
HTML - Guia 1 e 2
Anúncio

Último (9)

PPTX
Classifirrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrcação_IPAQ.pptx
PDF
Agosto-Lilas-Conscientizacao-e-Combate-a-Violencia-contra-a-Mulher.pdf
PPTX
Fundamentos do Desenvolvimento Web. Fundamentos do Desenvolvimento Web.Fundam...
PDF
Metodologias ágeis - Slides - aulas 1 a 5.pdf
PDF
A sua pontuação aumenta ao escolher uma categoria, preencher uma descrição lo...
PPTX
TURMA modelo de modelo apresentação 4DE.pptx
PPTX
AULA DE HTML E CSS PARA INICIANTES EM INFORMÁTICA
PDF
Certificado de Conclusão Jornada Inteligência Artificial
PDF
Apostila_de_Laboratorio_de_Quimica_Inorg.pdf
Classifirrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrcação_IPAQ.pptx
Agosto-Lilas-Conscientizacao-e-Combate-a-Violencia-contra-a-Mulher.pdf
Fundamentos do Desenvolvimento Web. Fundamentos do Desenvolvimento Web.Fundam...
Metodologias ágeis - Slides - aulas 1 a 5.pdf
A sua pontuação aumenta ao escolher uma categoria, preencher uma descrição lo...
TURMA modelo de modelo apresentação 4DE.pptx
AULA DE HTML E CSS PARA INICIANTES EM INFORMÁTICA
Certificado de Conclusão Jornada Inteligência Artificial
Apostila_de_Laboratorio_de_Quimica_Inorg.pdf

Html - capitulo 09

  • 1. AG8 Informática IMAGENS Para inserir uma imagem em uma página web utilizamos do comando, tag, 56 <img src> e seus atributos. <img src="endereço da imagem no HD"> ex.: <img src="c:siteimagem.gif"> Poderemos acrescentar a esta imagem os seguintes atributos: Width="valor em pixel" largura da imagem Height="valor em pixel" altura da imagem Align=(left, right ou center) alinhamento da imagem Alt="texto" texto que irá aparecer ao passar o mouse sobre a imagem ou texto que surgirá caso a imagem não possa ser visualizada. Border="valor em pixel" especificação da largura da borda da imagem. Vspace="valor em pixel" para especificar o espaço que deve ser deixado acima e abaixo da imagem. Hspace="valor em pixel" especifica o espaço que deve ser deixado nas l aterais da imagem. O único obrigatório é o src. 1- Colocando Uma Imagem Como Fundo Da Página <body background="endereço da imagem no HD"> ex.: <body background="c:siteimagem.jpg">
  • 2. AG8 Informática 57 Procure usar imagens simples, com poucas variações de tons. Para fixar a imagem de fundo <body background="c:siteimagem.jpg" bgproperties="fixed"> 2- Colocando Uma Cor Como Fundo Da Página: <body bgcolor="cor"> Procure não usar cores chamativas. Para que a cor do fundo da sua página chame mais atenção que seu conteúdo. Você pode criar seus próprios fundos de página com programas como o Photoshop e o Corelphoto-paint. ANOTAÇÕES