Saltar al contenido

Visor

Cómo añadir imágenes a tu glosario

Para ello deberás añadir en el espacio correspondiente a la definición, tras escribir la explicación del término, el siguiente código, cambiando aquello que necesites:


Definición del término.<img src="URL de la imagen" alt="Descripción de la imagen" title="Título de la imagen" width="200" style="float: left; border-width: 1px; margin-right: 10px; margin-left: 10px;"></p>
<br><br><br><br><br><br><br><br><br><br><br><br>

Esta es la interpretación de este código:

  • Debes empezar escribiendo la definición y, a continuación, el resto del código.
  • img src: debes colocar después la URL de la imagen
  • alt: es la descripción de la imagen para las personas con problemas de visión
  • title: un título para esa imagen
  • width: es la anchura. Te recomendamos "200" porque no es muy grande -como corresponde a un glosario- y que todas las imágenes tengan la misma anchura.
  • float: es la situación de la imagen. En este caso, a la izquierda.
  • border-width: te recomendamos que le añadas un borde: 1 o 2 px. Si no quieres borde, escribe "0".
  • margin (right o left): es la separación entre la imagen y el texto. Te recomendamos que pongas 10.

El resultado sería algo así: