Utilizando Imágenes en HTML

Las imágenes son una parte importante de cualquier publicación. Ayudan a explicar conceptos complejos y también rompen la monotonía de utilizar solo texto. En HTML se tiene una etiqueta especifica para el manejo de las imágenes <img>, la cual como mínimo debe ir acompañada del atributo src=”URL”, donde src es la fuente (source) de la imagen:

<img src=”URL” />

Esta es la estructura mas sencilla de la etiqueta para insertar una imagen, donde URL (Universal Resource Locator) constituye el nombre del archivo de imagen y su ubicación.

La etiqueta <img> es una etiqueta que al igual que <br /> no tiene texto de contenido, solo tiene una etiqueta de apertura, que a la vez funciona como cierre.

El siguiente es un ejemplo del uso de la etiqueta <img>.

imagen1

Debido a que la imagen que queremos insertar en nuestro documento: brujula.jpg se encuentra en la misma carpeta que el documento html, la referencia es muy simple:

<img src=”brujula.jpg” />

Esto produce la siguiente salida

imagen2

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s