HTML Creando una imagen


Ejemplo

Para agregar una imagen a una página, use la etiqueta de imagen.

Las etiquetas de imagen ( img ) no tienen etiquetas de cierre. Los dos atributos principales que le da a la etiqueta img son src , la fuente de la imagen y alt , que es un texto alternativo que describe la imagen.

<img src="images/hello.png" alt="Hello World">

También puede obtener imágenes de una URL web:

<img src="https://i.stack.imgur.com/ALgZi.jpg?s=48&g=1" alt="StackOverflow user Caleb Kleveter">

Nota: las imágenes no se insertan técnicamente en una página HTML, las imágenes están vinculadas a páginas HTML. La etiqueta <img> crea un espacio de retención para la imagen a la que se hace referencia.

También es posible incrustar imágenes directamente dentro de la página usando base64:

<img src="data:image/png;base64,iVBOR..." alt="Hello World">

Sugerencia: para vincular una imagen a otro documento, simplemente anide la etiqueta <img> dentro de las etiquetas <a> .