Este é um exemplo inicial:
Exemplo 10: imagens
Exemplo 10: imagens
Visualização exemplo 10
O tag utilizado para a inclusão de imagens é o: <IMG>
Vários atributos devem ser definidos sobre a origem, colocação e comportamento da imagem. Uma parte deles é opcional, com o tempo você descobrirá o que realmente importa no tag . Veja os mais importantes:
Vários atributos devem ser definidos sobre a origem, colocação e comportamento da imagem. Uma parte deles é opcional, com o tempo você descobrirá o que realmente importa no tag . Veja os mais importantes:
- SRC
SRC="local da imagem"
SRC="local da imagem"
Este atributo especifica o local aonde está a imagem e o seu nome. Nas páginas pessoais é mais comum o uso de arquivos jpg ou gif, que você pode obter facilmente na rede. Exemplo de uso: |
|
- IMG
<IMG SRC="tecnologia.gif">
Este tag abrirá o arquivo tecnologia.gif, localizado no mesmo diretório em que está o arquivo HTML que está sendo editado. Lembre-se que este é o único atributo que não pode ser omitido neste tag.
Dica1: mantenha as imagens pequenas e use-as com critério, você deve usar os gráficos para dar impacto e interesse à página, sem acrescentar muito volume (ou tempo de espera para o carregamento dos arquivos).
<IMG SRC="tecnologia.gif">
Este tag abrirá o arquivo tecnologia.gif, localizado no mesmo diretório em que está o arquivo HTML que está sendo editado. Lembre-se que este é o único atributo que não pode ser omitido neste tag.
Nota: guarde sempre as imagens de sua preferência na mesma pasta em que estão os seus arquivos de HTML para evitar problemas, então é só escrever o nome do arquivo no atributo SRC para abrir a imagem. |
|
Dica2: o alinhamento é mais prático quando é feito com o uso de tabelas (que também
será explicado).
será explicado).
- ALT
ALT="legenda"
Fornece o texto que aparece no espaço da imagem quando o browser não pode abrir a imagem ou esta capacidade foi "desligada".
ALT="legenda"
Fornece o texto que aparece no espaço da imagem quando o browser não pode abrir a imagem ou esta capacidade foi "desligada".
Exemplo 11: Legenda - imagens
Visualização exemplo 11
LEFT: a figura é desenhada como uma imagem alinhada à esquerda, com o texto fluindo ao
seu redor.
RIGHT: a figura é desenhada como uma imagem alinhada à direita.
TOP: a parte superior do texto ao redor é alinhada com a parte superior da imagem.
MIDDLE: a linha de base do texto ao redor é alinhada com a parte central da imagem.
BOTTOM: A linha de base do texto ao redor é alinhada com a parte inferior da imagem.
Nota: o tag
<CENTER></CENTER> é usado também para imagens, se você quiser alinhar o texto e a figura em relação a página. O tag imagem deve estar dentro do tag CENTER.
<CENTER></CENTER> é usado também para imagens, se você quiser alinhar o texto e a figura em relação a página. O tag imagem deve estar dentro do tag CENTER.
HEIGHT=número e WIDTH=número
- HSPACE=número e VSPACE=número (em pixels):
Especifica o espaço em branco extra ou as margens ao redor da imagem.
- HSPACE é o espaço horizontal e VSPACE é o espaço vertical.
Especifica o espaço em branco extra ou as margens ao redor da imagem.
- HSPACE é o espaço horizontal e VSPACE é o espaço vertical.
1.1 Imagem de fundo
Podem ser incluídas também imagens de fundo, para isso utilize novamente o tag BODY, agora com o atributo BACKGROUND. Por exemplo:
<BODY BGCOLOR=#FFFFFF BACKGROUND ="imagem.gif" TEXT=#000000 ...>
Podem ser incluídas também imagens de fundo, para isso utilize novamente o tag BODY, agora com o atributo BACKGROUND. Por exemplo:
<BODY BGCOLOR=#FFFFFF BACKGROUND ="imagem.gif" TEXT=#000000 ...>
Este tag abrirá a figura imagem.gif no fundo e terá cor de texto branca. Para cor de fundo foi utilizado o preto porque enquanto a imagem imagem.gif não é carregada o fundo preto possibilita ao usuário a leitura, já que o texto é branco.
1.1.1 - Exercício - Inserção de Imagens
0 comentários:
Postar um comentário