jueves, 9 de febrero de 2017

Insertar imágenes

Para insertar imágenes se utiliza la etiqueta <img> y como mínimo se añade el atributo src para indicar la URL de la imagen a mostrar.
Usaremos los siguientes atributos:
  • src, para indicar la URL de la imagen a mostrar.
  • title, para que aparezca un texto cuando pasemos el ratón por encima.
  • style, para aplicar estilo, ya veremos.
  • alt, para que muestre un texto alternativo en caso de que no cargue la imagen o en caso de que tarde demasiado en cargar.
  • width y height, para indicar ancho y alto, aunque lo mejor es usar CSS.
La siguente imagen la he insertado con el icono del editor de Blogger:


ejemplo buganvilla:

<img height="200" src="https://c2.staticflickr.com/4/3096/3180314937_947439c62b_b.jpg" title="Foto de DSE en Flickr" width="auto" />

ejemplo Mercedes:

<img height="200" src="https://c1.staticflickr.com/5/4009/4657307751_d94d49b145_b.jpg" style="border: 1px dotted green; padding: 2px; margin:10px;" title="Mercedes" width="auto" />



No hay comentarios:

Publicar un comentario