Imagens em HTML
Com a HTML você pode exibir imagens em um documento.
A Tag Image e o Atributo Src
Na HTML, as imagns são definidas com a tag <img>
A tag <img> é vazia, o que significa que ela somente atributos e não tem tag de fechamento
Para exibir uma imagen em uma página, você necessita usar o atributo src. Src significa “source” [fonte]. O valor do atributo src é a URL da imagem que você quer exibir na sua página.
A sintaxe para definir uma imagem é:
<img src="url"> |
O URL aponta para o local onde a imagem está armazenada. Uma imagem denominada “boat.gif” localizada no diretório “images” em “www.w3schools.com” tem o URL: http://www.w3schools.com/images/boat.gif.
O navegador põe a imagem onde a tag image osorre no documento. Se você coloca uma tag image enter dois parágrafos, o navegador mostra o primeiro parágrafo, depois a imagem, e então o segundo parágrafo.
O Atributo Alt
O atributo alt é usado para definir um “texto alternativo” para uma imagem. O valor do atributo alt é um texto definido pelo autor:
<img src="boat.gif" alt="Big Boat"> |
O atributo “alt” diz ao leitor o que ele ou ela está perdendo numa página se o navegador não pode carregar imagens. O navagador irá então exibir o texto alternativo em vez da imagem. É uma boa prática incluir o atributo “alt” para cada imagem numa página, para melhorar a exibição e a utilidade do seu documento para pessoas que têm navegadores somente de texto.
Observações Básicas – Dicas Úteis
Se um arquivo HTML contém dez imagens – onze arquivos são necessários para exibir a página direito. Carregar imagens leva tempo, assim meu melhor conselho é: Use iamgens com cuidado.
Tags de Imagem
Tag | Descrição |
---|---|
<img> | Define uma imagem |
<map> | Definesum mapa de imagem |
<area> | Define uma área dentro de um mapa de imagem |