Elquesabe

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

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

Tan sólo el código anterior es necesario para añadir una imagen a tu página, mostrando la imagen situada en el mismo directorio del documentoHTML.
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, imagenes, graficos... (sin tildes), dependiendo de los gustos. Si tu imagen está en un subdirectorio y tupágina HTML en el directorio raíz, necesitarás la dirección exacta para hacer el enlace relativo (ver capítulo "Enlazando las páginas"):

|CUIDADO |
|Algunas personas colocan enlaces absolutos a imágenes situadas en otras WEBs ajenas (por ejemplo, |
|http://www.empresa.com/grafico.gif). Es unapráctica no recomendada por varias razones. Una |
|consideración es que tienes riesgo de que los propietarios de aquella página borren o mueva la imagen,|
|provocando una ruptura del enlace que tenemos en nuestra página. Y otro es la propiedad: si el gráfico|
|no es tuyo y piensas enlazarlo sin la expresa autorización del propietario, quizás estés haciendo una |
|violación decopyright. |

Una imagen siempre irá dentro de la sección de un documento HTML. Aquí tienes un pequeño ejemplo:
| |
| |
|Añadiendo imágenes |
||
| |
| |
| |
| |

La imagen aparecerá en la parte superior izquierda de la página. Es la posición predeterminada del navegador.
La etiquetapermite añadir atributos que controlará el comportamiento y la apariencia de una imagen en una página.

Atributos de la etiqueta

A la etiqueta se le pueden añadir varios atributos para controlar la manera en que un navegador administra una imagen. Estos atributos son los siguientes:
|[p|width="x" Permite al navegador predeterminar el ancho, en pixles, que tendrá tu imagen.|
|ic| |
|] | |
|[p|height="x" Junto con el atributo width, el navegador puede preparar el espacio necesario para tu imagen antes deque se |
|ic|muestre. |
|] | |
|[p|border="x" Para añadir o eliminar un borde, donde la x será un valor numérico. ||ic| |
|] | |
|[p|align="xxx" Puedes alinear una imagen horizontal y/o verticalmente en una página usando este atributo. |
|ic|...