O que é um link de imagem HTML?

Quando uma pessoa está criando uma página da web que contém uma imagem, a imagem não é realmente inserida na página com o restante das informações. Para exibir imagens na web, um link de imagem HTML é usado em vez de incorporar a imagem na página. Para usar o link de imagem HTML, a tag HTML é usada para fornecer as informações para onde a imagem é armazenada e pode ser acessada. Esta tag pode ser usada com todos os navegadores e pode ser usada para carregar todos os tipos de imagem que são suportados pelos navegadores. Existem dois atributos necessários para que o link de imagem HTML seja escrito corretamente para que a imagem carregue quando a página da web carrega. Existem também vários atributos opcionais que podem ser incluídos para fornecer mais informações. Os atributos necessários para escrever o link da imagem são src e alt .

O atributo src do html ImagO E Link fornece o endereço da Web, ou URL, onde a imagem está localizada. O URL pode assumir uma das duas formas. Um URL absoluto fornece um endereço da Web completo que direciona para uma imagem em outro site. Um exemplo de incluir um URL absoluto para o atributo SRC seria: src = "http://www.website.com/image.jpg" - onde o site está apontando para outro site e imagem.jpg está apontando para uma imagem específica.

A outra opção para o URL dentro do atributo src é escrever um URL relativo. No caso de um URL relativo, o endereço da Web está fornecendo um link para uma imagem no mesmo diretório do site. O URL relativo é uma versão truncada de um URL absoluto, pois a imagem está localizada no mesmo local da página da web. Os exemplos do atributo src com um URL relativo são: src = "image.jpg" ou src = "imagens/image.jpg". A única diferença nesses exemplos é onde a imagem está localizada, poisestá localizado dentro de uma pasta de imagens no segundo exemplo.

O outro atributo necessário é alt , que fornece texto alternativo para a imagem. Este não é o texto exibido se um usuário pairar um mouse sobre a imagem, mas o texto exibido se a imagem não puder ser exibida por algum motivo. Há muitas razões pelas quais uma imagem não pode ser exibida, incluindo casos em que o URL no atributo src está incorreto ou quebrado, ou quando um usuário que tem uma deficiência visual está usando um leitor de tela.

O código mais básico para um link de imagem HTML parecerá algo como o seguinte: . Como a tag não possui uma etiqueta final, é importante encerrá -la com /> para que o navegador saiba que a instrução terminou. O atributo src aponta para um local para uma imagem, por isso é importante garantir que os links para outros sites não estejam quebrados e que as imagens não sejam movidas dentro de um diretório de sites,e para corrigir os links quando ocorrem problemas.