Imagens - Comandos de HTML

Imagens - Comandos em HTML

Quando se deseja inserir uma imagem em alguma página, a sintaxe geral do comando HTML é:

IMG SRC="local_da_imagem"


que pode ter vários atributos:


alt="texto_alternativo"
border="borda_da_imagem"
WIDTH="largura_da_imagem"
HEIGHT="altura_da_imagem"
ALIGN="alinhamento_horizontal_ou_vertical_da_imagem"
VSPACE="margem_superior_inferior"
HSPACE="margem_direita_esquerda" >

Em que:
- tag que determina a inserção de uma imagem;

SRC - este atributo diz onde está a imagem.

ALT - este atributo permite colocar um texto alternativo na imagem.

Border - este atributo configura uma borda (moldura) na imagem. Seus valores variam de 0 (sem borda) a infinito. Se não for especificado, o seu valor será 1.

Width - especifica a largura da imagem. Seu valor é medido em pixels. Se não for especificado a imagem aparece com seu tamanho original.

Height - especifica a altura da imagem. Seu valor é medido em pixels. Se não for especificado a imagem aparece com seu tamanho original.

Align - atribui valores para o alinhamento horizontal (à esquerda, ao centro, à direita - left, center e right); ou valores para o alinhamento vertical (top, midlle, baseline e bottom). Outros valores também são aceitos: texttop, absmidlle, absbottom.

ALIGN=LEFT - a imagem fica à esquerda,

ALIGN=RIGHT - a imagem fica à direita,

ALIGN=TOP - alinha o topo da imagem com o topo do elemento mais alto da linha, que pode ser uma outra imagem,

ALIGN=MIDDLE - alinha a base do texto com o centro da imagem,

ALIGN=BOTTOM - alinha a imagem com a base dos outros elementos da linha.

ALIGN=TEXTTOP - alinha o topo da imagem com o topo do texto,

ALIGN=ABSMIDDLE - alinha o centro do texto com o centro da imagem.

ALIGN=BASELINE e ALIGN=ABSBOTTOM - alinham a imagem com a base dos outros elementos da linha;

Vspace - especifica o espaço acima e abaixo da imagem. Seu valor é medido em pixels.

Hspace - especifica o espaço a direita e esquerda da imagem. Seu valor é medido em pixels.

O atributo bgcolor do elemento

Supondo que a cor do fundo seja branca, o atributo bgcolor permite escolher a cor de fundo da página. Há três modos para indicar a cor de fundo da página usando código de cor hexadecimal, em base 10 ou o nome de cor.

Estas são as codificações possíveis:

O atributo background do elemento

O atributo "background" estabelece que o padrão de fundo da página é dado por uma imagem e o valor deste atributo indica o local onde se encontra a imagem.

Se as dimensões da imagem forem menores que as dimensões da página o navegador repetirá a imagem de modo a ocupar todo o fundo da página.

Esta é a codificação, se a imagem está no próprio "site", na mesma pasta que o arquivo .html:


Esta é a codificação, se a imagem está em outro "site", o valor do atributo background é um URL que define o local onde pode ser encontrada a imagem




Este "site", destinado prioritariamente aos alunos de Fátima Conti,
está disponível sob FDL (Free Documentation Licence),
pretende auxiliar quem esteja começando a se interessar por internet,
computadores e programas, estando em permanente construção.
Sugestões e comentários são bem vindos.
Se desejar colaborar, clique aqui.


Agradeço antecipadamente.

Deseja enviar essa página?

Se você usa um programa de correio eletrônico devidamente configurado e tem
um e-mail pop3, clique em "Enviar página" (abaixo) para abrir o programa.
Preencha o endereço do destinatário da mensagem.
E pode acrescentar o que quiser.
(Se não der certo, clique aqui para saber mais).


Enviar página

Se você usa webmail copie o endereço abaixo


http://www.cultura.ufpa.br/dicas/htm/htm-ima2.htm

Acesse a página do seu provedor. Abra uma nova mensagem.
Cole o endereço no campo de texto.
Preencha o endereço do destinatário.
E também pode acrescentar o que quiser.

Última alteração: 26 mai 2008