As imagens podem melhorar o design e a aparência de uma página da web.
| Exemplo: | |
|---|---|
|
|
|
|
|
|
A tag HTML <img> é usada para incorporar uma imagem em uma página da web.
Imagens não são tecnicamente inseridas em uma página da web; imagens são vinculadas a páginas da web. A <img> tag cria um espaço de espera para a imagem referenciada.
A <img> tag está vazia, contém apenas atributos e não possui uma tag de fechamento.
A <img> tag tem dois atributos obrigatórios:
A tag <map> HTML define um mapa de imagem. Um mapa de imagem é uma imagem com áreas clicáveis. As áreas são definidas com uma ou mais <area> tags.
| Exemplo: | |
|---|---|
 |
Mapas de ImagemClique no computador, no telefone ou na xícara de café para ir para uma nova página e ler mais sobre o tema: 
|
A ideia por trás de um mapa de imagem é que você seja capaz de executar diferentes ações dependendo de onde você clica na imagem.
Para criar um mapa de imagem, você precisa de uma imagem e algum código HTML que descreva as áreas clicáveis.
A imagem é inserida usando a <img> tag. A única diferença das outras imagens é que você deve adicionar um usemap atributo:
O usemap valor começa com uma hashtag # seguida pelo nome do mapa de imagem e é usado para criar um relacionamento entre a imagem e o mapa de imagem.
Em seguida, adicione um map elemento.
O <map> elemento é usado para criar um mapa de imagem e é vinculado à imagem usando o name atributo obrigatório:
O name atributo deve ter o mesmo valor que o atributo <img>'s <usemap>.
Em seguida, adicione as áreas clicáveis. Uma área clicável é definida usando um <area> elemento.
Você deve definir o formato da área clicável e pode escolher um destes valores:
Você também deve definir algumas coordenadas para poder colocar a área clicável na imagem.