INSERÇÃO DE IMAGENS

Imagens

A utilização de imagens em páginas HTML dá uma nova dimensão a página na distribuição de informação através de documentos HTML, tornando assim a informação mais atraente aos olhos do leitor, chamando muitas vezes mais a atenção do que os próprios textos descritos na página.

Uma página web deve trabalhar com as seguintes extensões de imagens: .png, .gif, .jpg, devido a aceitação destes nos navegadores utilizados nos dias hoje.

 O arquivos de imagens podem estar presentes no mesmo diretório dos seus arquivos .html, porém recomenda se que os mesmo estejam em um diretório separado, devido a organização de seu site.

Para inserirmos uma imagem em uma página HTML utilizamos a tag <IMG> junto ao atributo SRC, que tem como função especificar o caminho do diretório da imagem a ser inserida.

Sintaxe:

<img src=“imagem.png”>

<img src=“diretorio/imagem.png”>

<img src=“C:/Imagens/imagem.png”>

<img src=“http://www.meusite.com.br/img/imagem.png”>

Atributos do Comando <IMG>

·         scr: Define o caminho do diretório onde se encontra a imagem a ser inserida.

·         align: Alinhamento da imagem em relação ao texto.

·         width: Largura da imagem.

·         height: Altura da imagem.

·         alt: Insere uma legenda na imagem.

Exemplo Prático: