HTML Facil - Ilustrar tu pagina

Insertar una imágen

---

Es normal que quieras insertar imágenes en tu sitio. Para eso, utiliza la tag <img> y su indispensable atributo "src" (abreviatura de "source", o fuente) : src="dirección de la imágen/nombre de la imágen" indica el nombre y el camino que el navegador debe seguir para encontrar la imágen a partir de la página actual.

---

Para este ejemplo, vas a poner una imágen ('photo1.jpg') en la carpeta 'imagenes' creada en el capítulo 'Organizar tu página', e insertarlo tal cual en la página de inicio:
<img src="imagenes/foto1.jpg">

Para copiar este código, selecciónalo con el mouse, aprieta las teclas Ctrl+C , ve a tu documento y aprieta Ctrl+V. Aparecerá lo que querías copiar.

---

Como la página "index.html" está en la carpeta raíz, debemos indicar al navegador el camino para la carpeta en la que está la imágen "foto1.jpg".
Si no puede encontrarla, en vez de la foto verás un cruz roja en tu página (con Internet Explorer).

---

Agreguemos un comentario en cursiva:
<br>
<i>Comentario</i> Nota : Como ya lo hemos visto en capítulos anteriores, la tag <br> sirve para insertar saltos de línea entre los elementos que dispones en tu página.

Los formatos de imágen

---

Los tres principales formatos en la red son el JPEG, el GIF y el PNG, menos utilizado que los dos primeros.
El JPEG y el GIF son formatos de compresión, diseñados para cargarse rápidamente conservando una calidad acceptable. Mejor utilizar el JPEG para las fotos detalladas y el GIF para los dibujos o esquemas que comportan colores planos.
Nota: También puedes agregar sonidos, gifs animados, formatos Flash, vídeos, etc. Toda la información necesaria será detallada próximamente en nuevos capítulos.