HTML
Imagens - Comandos em HTML
Quando se deseja inserir
uma imagem em alguma página, a sintaxe
geral do comando HTML
é:
IMG SRC="local_onde _está_a_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:
<IMG> - 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=CENTER - a imagem fica no centro,
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 <body>
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:
<body bgcolor="#ffffff">
<body bgcolor="rgb(255,255,255)">
<body bgcolor="white">
O atributo background do elemento <body>
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:
<body background="bgdicas.gif">
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
<body
background="http://www.ufpa.br/dicas/fig/bgdicas.gif">.
Onde encontrar mais informação
Referências
Bibliográficas
(topo)
Este "site", destinado prioritariamente aos alunos
de
Fátima
Conti,
pretende auxiliar quem esteja começando a se interessar por
internet,
segue as regras da FDL (Free Documentation Licence),
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.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: 22 abr 2012