Estude o exemplo:

Para inserir uma imagem no documento HTML, é primeiro necessário que a imagem já exista no computador (a seção 5.2 discute como obter uma imagem pronta; a seção 5.3 discute como construir uma nova imagem). No computador, uma imagem é um arquivo de um tipo específico (a seção 5.4 discute os tipos de arquivos de imagem).

Uma vez que a imagem já existe, para incluí-la no documento HTML utiliza-se o elemento IMG. O valor do atributo src (source = origem) aponta para o endereço URI da imagem.

<IMG src="uri">

Exemplos:

<IMG src="pessoa1916.gif">

 

<IMG src="caricatura.gif">

 

<IMG src="http://www.insite.com.br/art/pessoa/misc/images/laerte_fp.gif">

Obs: Tira produzida por Laerte.
 

No documento HTML, a imagem é visualizada na posição em que o elemento IMG foi escrito - em outras palavras, a imagem pode aparecer no meio do texto. Estude o exemplo:

Neste exemplo são utilizados alguns atributos do elemento IMG não mencionados nesta seção. Estes e outros atributos do elemento IMG são abordados na seção 5.5 - Atributos do elemento IMG.