Cargar esta página en el EDITOR DE NETSCAPE.

Dentro de la especificación HTML, las imágenes se comportan como cualquier otro elemento, pudiendo ser colocadas en cualquier parte dentro del cuerpo del documento. Podemos (y lo haremos con cierta frecuencia) colocar imágenes en listas o tablas.

Debajo de este párrafo veremos una lista de imágenes.

En este módulo se han utilizado las siguientes imágenes GIF:

  • Imágenes con fondo:
  • Imágenes con fondo transparente:
  • Podemos observar ahora los códigos de esta página, y veremos que la etiqueta correspondiente a la imagen (<IMG SRC>) se encuentra detrás de la correspondiente etiqueta <LI>.

    Del mismo modo, debajo de este párrafo veremos una imagen insertada dentro de una tabla. Esta forma de colocar las imágenes es muy común, sobre todo cuando necesitamos que las imágenes se sitúen en una posición muy determinada dentro de nuestra página.

    Imágenes alineadas a la derecha.

    Imágenes alineadas a la izquierda.

    Al igual que en el caso anterior, veremos que la etiqueta correspondiente a la imagen (<IMG SRC>) se sitúa a continuación de la etiqueta <TD> que define la celda en la que se encuentra.

    Para colocar una imagen en una tabla o lista, el procedimiento es exactamente el mismo que se describió anteriormente para insertar una imagen en una página, con la salvedad de que primero deberemos hacer clic con el ratón en la celda de la tabla, o en la posición de la lista en la que queremos que se inserte la imagen.

     

    Para salir, cerrar la ventana y volver al documento anterior.