Close

Imagens em HTML

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

TagDescrição
<img>Define uma imagem
<map>Definesum mapa de imagem
<area>Define uma área dentro de um mapa de imagem

Related Posts