Programacion Web - Lenguaje HTML

Page 32

Lenguaje HTML

© Grupo EIDOS

La etiqueta que nos va a permitir la inserción de imágenes es <IMG>. La imagen se insertará justo en el punto del documento donde coloquemos dicha etiqueta, pudiendo insertar imágenes dentro de listas, tablas o formularios. El formato de la etiqueta, con sus posibles argumentos, es el siguiente: <IMG src="URL de la imagen" alt="Texto alternativo" align="top/middle/botton/left/rigth" border="Tamaño" height="Tamaño" width="Tamaño" hspace="margen" vspace="margen"> •

src="URL de la imagen". El atributo src nos va servir para indicar la URL de la imagen que queremos insertar, es decir, el servidor y camino hasta llegar al fichero de la imagen. No será necesario que la imagen que queremos insertar en nuestro documento esté en el ordenador local, aunque sí es recomendable ya que el acceso a las mismas puede ser más lento. Por tanto, es una buena práctica copiar todas las imágenes, que vayamos a incluir en nuestro documento HTML, al ordenador local.

Tabla 26

alt="Texto alternativo" .Nos va a permitir mostrar un texto alternativo para el caso en que el navegador no sea capaz de mostrar la imagen. Su uso es muy recomendable ya que cuando publiquemos nuestras páginas en la WWW, no sabremos desde qué tipo de navegadores accederán los internautas a nuestras páginas. En la Tabla 27 vamos a ver un ejemplo. Si usas un navegador que no tiene ningún problema para la visualización de imágenes, desactiva temporalmente la opción de mostrar imágenes, prueba el ejemplo que muestra la Tabla 27 y compáralo con el anterior.

Tabla 27

32


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.