¿Qué es el enlace de imagen HTML?
Continuamos con nuestra sección Aprende Tech 💻 en Bobbli. En este artículo descubrimos ¿Qué es el enlace de imagen HTML?
Cuando alguien crea una página web que contiene una imagen, la imagen en realidad no se agrega a la página junto con el resto de la información. Para ver imágenes en la web, se utiliza un enlace de imagen HTML en lugar de incrustar la imagen en la página. Para usar el enlace de imagen HTML, para proporcionar información sobre dónde se almacena la imagen y se puede acceder a ella Se utiliza la etiqueta HTML. Esta etiqueta se puede usar en todos los navegadores y se puede usar para cargar todos los tipos de imágenes compatibles con los navegadores.
Solamente El uso de la etiqueta no proporciona ninguna información a la página web que debería contener imágenes. Se requieren dos atributos para que el enlace de la imagen HTML se escriba correctamente para que la imagen se cargue cuando se cargue la página web. También hay algunas características opcionales que se pueden agregar para proporcionar más información. Los atributos necesarios para escribir el enlace de la imagen son src y alt.
El atributo src del enlace de imagen HTML proporciona la dirección web o URL donde se encuentra la imagen. La URL puede tomar uno de dos formatos. Una URL absoluta proporciona una dirección web completa que conduce a una imagen en otro sitio web. Un ejemplo de agregar una URL absoluta para el atributo src sería: src=»http://www.website.com/image.jpg», donde website.com apunta a otro sitio e image.jpg a un sitio específico. imagen.
La otra opción en el atributo src para la URL es escribir una URL relativa. En el caso de una URL relativa, la dirección web proporciona un enlace a una imagen dentro del mismo directorio del sitio web. La URL relativa es una versión truncada de la URL absoluta ya que la imagen reside en el mismo lugar que la página web. Ejemplos del atributo src con una URL relativa: src=»https://www.easytechjunkie.com/image.jpg» o src=»images/image.jpg». La única diferencia en estos ejemplos es dónde reside la imagen, ya que en el segundo ejemplo reside en una carpeta de imágenes.
El otro atributo obligatorio es alt, que proporciona texto alternativo para la imagen. Este no es el texto que aparece cuando el usuario pasa el mouse sobre la imagen, sino el texto que se muestra si la imagen no se puede mostrar por algún motivo. Hay muchas razones por las que una imagen no se puede mostrar, incluso cuando la URL en el atributo src es incorrecta o está rota, o cuando un usuario con discapacidad visual está usando un lector de pantalla.
El código más básico para un enlace de imagen HTML se ve así: 
. no es una etiqueta final, es importante terminarla con /> para que el navegador sepa que la instrucción ha terminado. El atributo src apunta a una ubicación para una imagen, por lo que es importante asegurarse de que los enlaces a otros sitios no estén rotos y que las imágenes no se muevan dentro del directorio de un sitio web, y corregir los enlaces cuando surjan problemas.
Estate atento a Bobbli.com. Publicamos todos los días contenido actualizado, tutoriales, guías y trucos sobre PC, Android, Mac, Social Media, Internet, Amazon…
