Como insertar imágenes en un modulo html estático

Para insertar una imagen en un modulo html estático debemos usar la etiqueta <img>.

A esta etiqueta le podemos añadir los atributos de src (rource) y alt (alternative).

<img src="nombre_de_la_imagen.jpg" alt="Descripción de la imagen">

• En src insertamos la url o la dirección de nuestra imágen. Si hemos subido la imagen al servidor web, deberemos introducir su ruta relativa. Ej. “/img/nombreimagen.png”

• En alt insertaremos una breve descripción de la imágen. Esto es importante para la accesibilidad.

También podemos añadir su anchura y altura con los atributos width y height (en píxeles):

<img src="nombre_de_la_imagen.jpg" alt="Descripción de la imagen" width="300" height="200">