Cómo vincular una imagen en HTML
Este artículo tiene como objetivo proporcionar una guía sobre cómo vincular una imagen en HTML.
- Cómo vincular e imagen en HTML usando la etiqueta
- Cómo vincular una imagen en HTML usando la etiqueta
Cómo vincular una imagen en HTML usando la etiqueta
La imagen es un archivo separado que no se usa directamente en HTML. Entonces, para usar una imagen en HTML, necesitamos vincular el archivo de imagen con nuestro código HTML. Para hacer que usamos Etiqueta que usa SRC atribuir especificar la ruta de la imagen.
Ejemplo
Vinculación de la imagen con HTML
Esta imagen ahora está vinculada con el código fuente HTML.
En este ejemplo vinculamos imágenes con HTML con la ayuda de Etiqueta mientras src = "" El atributo especifica el nombre y la ruta del archivo de imagen.
Producción
Esta salida muestra que La etiqueta vinculó correctamente un archivo de imagen con el código HTML.
Vincular una imagen en HTML usando la etiqueta
También podemos vincular imágenes con HTML usando etiqueta. Esta etiqueta usa imagen o texto para vincular la imagen con HTML. El siguiente ejemplo demuestra el concepto mejor.
Ejemplo
Vinculación de la imagen con HTML usando la etiqueta de anclaje
La etiqueta de anclaje se usa para vincular esta imagen con HTML.
En este ejemplo La etiqueta se usa para vincular una imagen con HTML. Mientras La etiqueta crea un pequeño enlace de imagen a la imagen principal.
Producción
La salida anterior muestra que La etiqueta enlaza la imagen principal con el HTML mientras proporciona un enlace de imagen a la imagen principal. En otras palabras, La etiqueta actúa como miniatura a la imagen principal.
Conclusión
En HTML, las etiquetas y las etiquetas se pueden usar para vincular una imagen. Para hacerlo, el 'SRC'Atributo de la etiqueta y el'href'El atributo de la etiqueta vincula una imagen en HTML. Este artículo proporciona una idea para vincular una imagen en HTML la aplicación y la etiqueta se describe con la ayuda de ejemplos.