Incluir una imagen |
| ||
| |||
La etiqueta <img> nos permite crear referencias e insertar una imagen en el flujo del texto del documento de HTML. Es necesario utilizar el atributo src con un valor que corresponde al URL del archivo de la imagen, ya sea absoluto o relativo al documento de HTML al que se hace referencia en la imagen.
<p>Mirad una imagen de mi deporte preferido.
<img src="pics/foto_4.jpg">
<p>A continuación, el logotipo de la Federación Catalana de Actividades Subacuáticas.
<img Src="http://www.fecdas.org/gifs_home/logo.gif">
<p>Y cómo no, ¡mi licencia federativa!
<img src="pics/llic.gif">
En este último ejemplo, el navegador nos muestra cada imagen detrás de un texto.
 El valor del URL de la segunda imagen (la del logotipo de la Federación Catalana de Actividades Subacuáticas) es una referencia absoluta a un archivo con la extensión .gif que se encuentra ubicado en un servidor de Internet denominado www.fecdas.org. Para visualizarla será preciso tener abierta la conexión de red. |
Lo que veis a continuación es un gif animado (formato gif89a). Se trata de un único archivo que contiene una serie de imágenes gif. El navegador despliega cada imagen, una tras otra. Mirad quá fácil es añadirla al documento:
<p><img src="pics/new.gif"></p>
