Skip to content

¿Cómo insertar una imagen en HTML?

28 marzo, 2019
Index

Para insertar una imagen usando código HTML solo basta tener la liga o URL y usar la etiqueta “img”:

La etiqueta img requiere de varios datos para poder mostrar la imagen:

<img src=”https://wwww.sitio.com/direccion-de-la-imagen.jpg” alt=”texto alternativo” width=”100″ height=”100″ />

Donde “src” es el origen, la dirección en internet desde donde va a mostrarse la imagen. Debes saber que “src” es la abreviatura de “source” (fuente u origen en español) y con eso es más fácil entender dónde señalar la ruta al navegador.

Alt es la abreviatura de “alternative” y se refiere al texto alternativo que se mostrará si el cursor se pone encima de la imagen o bien si la imagen no se muestra por algún motivo, se mostrará el contenido. Lo más recomendable es que sea muy descriptivo.

Widht se refiere al ancho de la imagen, ya sea en pixeles o porcentaje. Al igual que Height se refiere a la altura.

Hasta aquí hemos visto son los códigos básicos para mostrar una imagen, existen otros más avanzado o específicos que puedes consultarlos en el sitio de la W3C.