Liberdade na Era da Computação
Contato FAQ Doação
A tag img é utilizada para inserir imagens na webpágina.
Imagens em HTML são links para um arquivo de imagem em outra página, ou para um diretório onde esta imagem se encontre.
A tag img é vazia. Ela contém apenas atributos, e não necessita ser fechada com outra tag.
src especifica o caminho até a imagem. Quando a página é carregada, o navegador busca a imagem no endereço fornecido e insere na página. Por isso, é importante que a imagem continue no mesmo endereço que você forneceu inicialmente, do contrário o navegador não irá conseguir encontrar a imagem, e ela não sera exibida na webpágina.
alt especifica um texto alternativo para a imagem, caso ela não apareça para o usuário. A imagem pode não aparecer por problemas de conexão lenta ou caminho quebrado. Também indica o que será lido em um screen reader para o usuário que ativar essa opção de acessibilidade, portanto é importante que esse atributo esteja presente e contenha uma explicação da imagem.
Para utilizar uma imagem como link, coloque a tag img dentro da tag a. No exemplo abaixo, a imagem do gato redireciona para a Wikipédia ao ser clicada.
O conteúdo original (artigos e tutoriais) deste website está disponível em CC0 1.0 (Domínio Público), salvo indicação do contrário. Termos adicionais podem estar aplicados (conteúdo de terceiros), conforme mencionado nos comentários do código-fonte.