Como exibir imagens em HTML usando a tag img e atributos importantes
Para mostrar imagens em HTML, usamos a tag <img>.
Exemplo:
Carregando...Essa tag é um pouco diferente de outras, porque ela não envolve conteúdo entre abertura e fechamento. É um elemento vazio.
srcIndica o caminho da imagem.
Carregando...altFornece uma descrição da imagem.
Carregando...Esse atributo é importante caso a imagem não carregue ou para leitores de tela, garantindo acessibilidade.
Carregando...Carregando...Aqui o navegador vai procurar a imagem dentro da pasta images.
Carregando...Nunca trate o alt como detalhe sem importância. Quando a imagem carrega, ele parece invisível. Quando ela não carrega, ou quando alguém depende de leitura assistiva, ele deixa de ser detalhe e vira informação de verdade.
Então a lógica é simples:
src diz qual imagem carregar;alt explica o que aquela imagem representa.