¿Qué es un enlace de imagen HTML?
Cuando una persona está creando una página web que contiene una imagen, la imagen no se inserta en la página con el resto de la información. Para mostrar imágenes en la web, se utiliza un enlace de imagen HTML en lugar de incrustar la imagen dentro de la página. Para usar el enlace de imagen HTML, la etiqueta HTML se usa para proporcionar la información sobre dónde se almacena la imagen y se puede acceder. Esta etiqueta se puede usar con todos los navegadores y se puede usar para cargar todos los tipos de imágenes que son compatibles con los navegadores.
usando la etiqueta solo no proporciona información a la página web que debe contener una imagen. Hay dos atributos que se requieren para que el enlace de imagen HTML se escriba correctamente para que la imagen se cargue cuando se carga la página web. También hay varios atributos opcionales que se pueden incluir para proporcionar más información. Los atributos que se requieren para escribir el enlace de la imagen son src y alt .
el atributo src de la imagen HTMLE Link proporciona la dirección web, o URL, donde se encuentra la imagen. La URL puede tomar una de dos formas. Una URL absoluta proporciona una dirección web completa que dirige a una imagen en otro sitio web. Un ejemplo de incluir una URL absoluta para el atributo SRC sería: src = "http://www.website.com/image.jpg", donde el sitio web.com apunta a otro sitio e image.jpg apunta a una imagen específica.
La otra opción para la URL dentro del atributo Src es escribir una URL relativa. En el caso de una URL relativa, la dirección web está proporcionando un enlace a una imagen dentro del mismo directorio de sitios web. La URL relativa es una versión truncada de una URL absoluta ya que la imagen se encuentra en el mismo lugar que la página web. Los ejemplos del atributo SRC con una URL relativa son: src = "image.jpg" o src = "images/image.jpg". La única diferencia en estos ejemplos es donde se encuentra la imagen, ya quese encuentra dentro de una carpeta de imágenes en el segundo ejemplo.
El otro atributo requerido es alt , que proporciona texto alternativo para la imagen. Este no es un texto que se muestra si un usuario flota un mouse sobre la imagen, sino el texto que se muestra si la imagen no se puede mostrar por alguna razón. Hay muchas razones por las cuales no se puede mostrar una imagen, incluidos los casos en los que la URL en el atributo src es incorrecta o rota, o cuando un usuario que tiene una discapacidad visual está usando un lector de pantalla.
. El código más básico para un enlace de imagen HTML se verá como lo siguiente: . Dado que la etiqueta