Atributos da tag IMG - HTML
ALT
Indica um texto alternativo, descrevendo brevemente a imagem, que é apresentado no lugar da imagem nos browsers texto, ou quando se desabilita o carregamento de imagens em browsers gráficos. É recomendável que esteja sempre presente. Também aparecerá ao “passar o mouse sobre a imagem”.Vamos ao exemplo:
HTML>
<HEAD><TITLE> Minha página. </TITLE></HEAD>
<BODY>
<IMG SRC="URL_imagem" ALT="descrição_da_imagem">
EXEMPLO: <IMG SRC="mar.gif" ALT="Lindo!">
</BODY>
</HTML>
WIDTH e HEIGHT
Atributos de dimensão da imagem.
EXEMPLO:
HTML>
<HEAD><TITLE> Minha página. </TITLE></HEAD>
<BODY>
<IMG SRC="URL_imagem" ALT="descrição" WIDTH="largura" HEIGHT="altura">
EXEMPLO: <IMG SRC="mar.gif" ALT="Lindo!" WIDTH="6" HEIGHT="4">
</BODY>
</HTML>
Alinhamento
HTML>
<HEAD><TITLE> Minha página. </TITLE></HEAD>
<BODY>
<IMG SRC="imagem.extensão" ALT="descrição" ALIGN="alinhamento_desejado">
</BODY>
</HTML>
NOTAS:
ALIGN=TOP
Alinha o texto adjacente com o topo da imagem, embora com linhas compridas o resultado não seja muito bom.
ALIGN=MIDDLE
Alinha o texto adjacente com o meio da imagem, embora com linhas compridas o resultado não seja muito bom.
ALIGN=BOTTOM
Alinha o texto adjacente com a parte de baixo da imagem (default).
ALIGN=RIGHT
Alinha imagem à direita, e tudo o que houver ao redor (texto, outras imagens) a partir do topo da imagem.
ALIGN=LEFT
Alinha imagem à esquerda, e tudo o que houver ao redor (texto, outras imagens) a partir do topo da imagem.
Molduras de Imagem
Para melhorar ainda mais a apresentação das imagens junto com os textos, foram desenvolvidos atributos de moldura. Estes atributos definem o espaço - vertical e horizontal - deixado entre as imagens e os textos circundantes.
HTML>
<HEAD><TITLE> Minha página. </TITLE></HEAD>
<BODY>
<IMG SRC="imagem.extensão" VSPACE="espaço_vertical">
<IMG SRC=" imagem.extensão" HSPACE="espaço_horizontal">
</BODY>
</HTML>
4 comentários:
Amei o blog de vocês! Muito bem feito e adorei as postagens de HTML, tipo tudo o que eu precisava.
Quero me formar em web designer também, obrigada pelos posts e explicações maravilhosas e vocês são lindos juntos, kk.
Seu blog é maravilhoso! Adorei conhecê-lo e a você também!
Seus posts são muito bons, e os assuntos são muito divertidos de ler, estou te seguindo com certeza e sempre passarei aqui para ver os novos assuntos e ficar atualizada!
Fico muito feliz de fazer parte da sua conquista e espero que você tenha um grande sucesso a partir de agora!
Se não for pedir demais, gostaria de sua retribuição e sua visita lá no meu blog também, ele engloba assuntos mais variados que tenho certeza que você vai amar como literatura, utilitários, dicas, comportamento, indicações e promoções a toda hora!
Fique ligada lá e obrigada desde já!
Beijos!
www.meianoiteequinze.blogspot.com
Amei o cabeçalho daquiii, o blog é lindissimo!!
Tá Rolando um Sorteio no blog Perfeita Teen de um anel “Bigodinho” (mustache!), Participa? http://bit.ly/s9TkcI beijão, http://perfeitateen.blogspot.com/ :*
Oii flor, tudo bem?
Conheci seu cantinho hoje e adorei, parabéns...mto lindo e já estou seguindo!!^^
Te convido para conhecer o meu, se curtir, segue lá! :)
é www.cerejarocks.com
ah!! Está rolando as inscrições para o sorteio de uma fronha da imaginarium. ^^
beijos ;*
Olá venho através da União das blogueiras,para conhecer seu cantinho,adorei,parabéns tudo bem organizado..bom gostaria de receber sua visita no meu cantinho..bjs até mais..
http://jannycroche.blogspot.com.br/
Postar um comentário