ETIQUETA IMG

La etiqueta <IMG> te servirá para situar imágenes en una página. Es una etiqueta "verdadera", pues no tiene etiqueta de cierre:

<IMG>

La etiqueta <IMG> requiere un origen de datos obligatorio dado por el atributo SRC=. Indica la imagen en cuestión:

<IMG SRC="bander.gif">

Tan sólo el código anterior es necesario para añadir una imagen a tu página, mostrando

o la imagen situada en el mismo directorio del documento HTML.

En el capítulo "Cómo administrar la página WEB localmente", comentamos la administración de los archivos. Normalmente, las imágenes se suelen colocar en un subdirectorio

 creado específicamente para ellas bajo el directorio raíz de la página WEB. Este directorio

 Se puede llamar images, gráficos... (Sin tildes), dependiendo de los gustos.

ATRIBUTO	USO	OBSERVACIONES
src	Este atributo es obligatorio e indica el nombre del archivo de imagen (entre comillas) o la URL desde la que se va a obtener la imagen.	Obligatorio. Si no se incluye no se mostrará imagen alguna.
align	Permite controlar la alineación de una imagen con respecto a una línea de texto adyacente o a otras imágenes en esa línea. Los valores posibles son los ya conocidos left, right, middle, top, bottom.	Atributo obsoleto (deprecated). Sustituir por CSS.
alt	Entre comillas podremos escribir un texto que se mostrará si la imagen no llega a cargar, mientras se carga o, cuando visualizando ya la imagen, pasamos el ratón por encima.	Atributo requerido, se recomienda incluirlo aunque si no se hace la imagen se mostrará.
width	Este atributo es opcional pero podemos ponerlo para especificar al navegador que muestre la imagen con un tamaño específico. Significa “ancho de la imagen” que vamos a representar. Si no se escribe, se carga la imagen con el tamaño original.	Opcional. Indicar valor en pixeles. También se puede indicar con CSS.
height	Al igual que el atributo width, es opcional. Este atributo indica el alto de la imagen.	Opcional. Indicar valor en pixeles. También se puede indicar con CSS.

ejemplo de una  etiqueta img

en este vídeo le vamos a   enseñar  a como utilizar las  etiqueta img