David-Insertar Imágenes

Si la imagen la tenemos nosotros en la misma carpeta que el sitio web, sólo hay que escribir el nombre de la imagen.

Si la imagen está en una subcarpeta de la carpeta del documento actual, lo que es muy recomendable si tenemos varis imágenes en la página, indica el nombre de dicha subcarpeta, seguido de un barra diagonal (/) y del nombre de la imagen.

Imagen insertada con una dirección absoluta

Se muestra una imagen que no está en nuestro ordenador ni en nuestro espacio web, sino directamente en Internet, en este caso en Pixabay, un sitio con imágenes gratuitas.

Texto alternativo

Cada imagen debe acompañarse siempre de un será mostrado en el caso de que la imgaen no esté disponible y que sirve además como descripción en apliaciones lectoras con discapacidad visual. El texto alternativo se inserta con el atributo alt

Modificar tamaño

con los atributos width (ancho) y height (alto); podemos indicar explícitamente la anchura y altura que tendrá una imagen. Si únicamente se define la anchura, la altura será proporcional. El valor, entre comillas, puede venir expresado en dos formas diferentes:

• Píxeles: si el valor indicado no lleva ningún tipo o las letras px, estamos indicando que la medida es en píxeles. width="200px"
• Porcentaje: el tamaño puede estar expresado en relación con su valor original, como un porcentaje. Lo indicamos con el signo %. Por ejemplo si width="50%" la imagen tendría la mitad de su tamaño original.