En HTML, las imágenes juegan un papel vital, ya que hace que una página web sea más expresiva y comprensible. Las imágenes son un placer visual para los ojos del usuario, ya que atrae al usuario y lo mantiene comprometido en navegar más. Puede agregar la imagen de su máquina a un documento HTML. En esta publicación, lo guiaremos, cómo puede agregar una imagen de una carpeta a un documento HTML.

¿Cómo agregamos una imagen de una carpeta en HTML??

En HTML, el propósito de la etiqueta es agregar una imagen en una página web. El SRC El atributo de esta etiqueta especifica la ruta de la imagen. La ruta de la imagen tiene dos casos. En caso de absoluto camino, debe dar el camino completo donde el relativo la ruta representa la ubicación de la imagen con respecto al archivo HTML donde se está incrustando.

La sintaxis de la etiqueta se describe a continuación:

Sintaxis

El componente principal es el SRC atributo donde se proporcionará la ruta del archivo. Como se discutió anteriormente, el camino podría ser relativo o absoluto.

Agregamos una imagen al documento HTML desde la carpeta:

Código

Etiqueta html img

Esta imagen se inserta desde una carpeta en la página HTML.

En este código, usamos Etiqueta para insertar una imagen en la página HTML y usar SRC atribuir especificar la ruta de la imagen.

Producción

La salida muestra que la imagen se inserta correctamente en la página HTML desde una carpeta.

Eso es todo! Ha aprendido a agregar una imagen de una carpeta al documento HTML.

Conclusión

En html, el La etiqueta se usa para agregar una imagen de la carpeta al documento HTML. La ruta de la imagen se especifica mediante el atributo SRC de la etiqueta. Para especificar la ruta, primero escriba el nombre de la carpeta, luego una barra insegura "/" y, por último, escriba el nombre de la imagen con su extensión. En este artículo, hemos proporcionado la información sobre el proceso de agregar una imagen en HTML desde una carpeta.