O que é um link de imagem HTML?
Quando uma pessoa está criando uma página da web que contém uma imagem, ela 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 da imagem HTML, a tag HTML <img> é usada para fornecer as informações de onde a imagem está armazenada e pode ser acessada. Essa tag pode ser usada com todos os navegadores e pode carregar todos os tipos de imagens suportados pelos navegadores.
O uso da tag <img> sozinha não fornece informações para a página da Web que deve conter uma imagem. Existem dois atributos necessários para que o link da imagem HTML seja gravado corretamente, para que a imagem seja carregada quando a página da web for carregada. Existem também vários atributos opcionais que podem ser incluídos para fornecer mais informações. Os atributos necessários para gravar o link da imagem são src e alt .
O atributo src do link da imagem HTML 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 inclusão de uma URL absoluta para o atributo src seria: src = "http://www.website.com/image.jpg" - onde website.com está apontando para outro site e image.jpg está apontando para um site específico imagem.
A outra opção para a URL no atributo src é escrever uma URL relativa. 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. Exemplos do atributo src com uma URL relativa são: src = "image.jpg" ou src = "images / image.jpg". A única diferença nesses exemplos é onde a imagem está localizada, pois está localizada em 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 que é exibido se um usuário passa o mouse sobre a imagem, mas o texto que é exibido se a imagem não puder ser exibida por algum motivo. Há muitas razões pelas quais uma imagem pode não ser exibida, incluindo casos em que o URL no atributo src está incorreto ou quebrado ou quando um usuário com deficiência visual está usando um leitor de tela.
O código mais básico para um link de imagem HTML será semelhante ao seguinte: <img src = "URL" alt = "text" />. Como a tag <img> não possui uma tag final, é importante finalizá-la com /> para que o navegador saiba que a instrução terminou. O atributo src aponta para um local para uma imagem, portanto, é importante garantir que os links para outros sites não sejam quebrados e que as imagens não sejam movidas em um diretório de site e corrigir os links quando ocorrerem problemas.