segunda-feira, 24 de outubro de 2011

Atributos da marcação de imagem


Atributos para imagem nos permitem certos recursos interessantes, como:

1) Colocar um texto que irá aparecer quando o curso estiver sobre a foto (veja acima). Isto é bem simples, simplesmente, use o atributo title, dentro da marcação da imagem e escreva, entre aspas, o texto que você quer que apareça. É melhor não ser muito longo, pois não há quebra de linha. Porém, pode ser um método útil para dar crédito a quem fez a foto.

2) Inserir um texto que aparecerá caso a imagem não consiga ser carregada -- isto pode acontecer, se o servidor onde ela estiver tiver algum problema. Para fazer isso, é necessário usar o atributo alt, e depois do sinal de igual escrever, entre aspas, o texto que deve aparecer.

3) Fazer com que a imagem tenha uma borda ou moldura. Neste caso, deve-se utilizar o atributo border, e depois do sinal de igual colocar um valor em pixels (entre aspas). Abaixo está uma imagem com borda de 15 pixels.

Foto Doisneau

Novamente, abaixo, o exemplo de todos esses atributos na marcação (ou tag) da imagem.

<img border="15" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrIx52A3dC1vUbobEtJb6BB1I3da0oShE_npIGRRS1pi8GnMfqwEiw8Fe-6-_pSFhzTwunEXX3qsDR_WPlT86-UGBKObv2BtUHkRCZs2tlirsNWIWaWYWWILpxUsZRxF3j0Zyg2vYE/s1600/doisneau8.jpg" title="Foto de Robert Doisneau (1912-1994), fotógrafo francês." alt="Foto Doisneau"/>

Nenhum comentário:

Postar um comentário