terça-feira, 6 de dezembro de 2011

6

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>

6 comentários:

Meia noite e quinze disse...

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

Maria Lua disse...

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/ :*

Taa L disse...

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 ;*

Vanessa disse...

Oi, tudo bem?
Sou uma das Blogueiras Unidas número 1225 e vim conhecer seu blog, estou seguindo, se puder visitar e seguir o meu também, este é o link:
http://balaiodelivros.blogspot.com/
Um super beijo, Vanessa - Balaio.

Claudiana (25/11/2010) disse...

Boa tarde, tudo bem?
Também faço parte do Blogueiras Unidas e entrei para conhecer seu cantinho. Gostei muito de tudo que vi. Parabéns o blog está lindo. Depois passa lá no meu cantinho também, será um prazer, ótima semana pra vc, bjs
Claudiana
http://encantosempontocruz-barbie.blogspot.com

Janny Crochê disse...

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