miércoles, 18 de abril de 2012

Imágenes en HTML


-->
Para poder incluir imágenes y gráficos en nuestras páginas disponemos de una única etiqueta: <IMG>.

<IMG> dispone de diversos atributos que nos permiten especificar qué fichero de imagen queremos usar, las medidas de ésta, etc. El atributo que nos permite especificar qué imagen debemos mostrar es SRC. Con dicha etiqueta podemos especificar una URL de fichero de imagen que será el que el navegador solicitará al servidor para mostrárnoslo.

Las imágenes que referenciemos con el atributo SRC pueden estar en cualquier directorio del servidor, en otros servidores, etc. El valor que pasemos a SRC debe ser una URL.

Disponemos, además, de un atributo ALT que nos permite asignar un texto alternativo a la imagen para el caso de que el navegador no pudiese mostrar la imagen que enseñase ese texto al usuario.

Disponemos asimismo de un par de atributos que nos permiten especificar las medidas de la imagen, WIDTH (anchura)      y HEIGHT (altura). En caso de no especificarlos, el navegador mostrará la imagen con el tamaño que tenga el archivo de ésta. En caso de especificarlos, el navegador redimensionará la imagen adecuadamente. Usar los parámetros de medida de imagen permite al navegador dejar el espacio que ocupará la imagen y mostrar el resto de la página mientras se descarga éstas.

Un uso habitual de las imágenes es como botones para enlaces, en cuyo caso el navegador generalmente le añadirá un borde para diferenciarlo del resto. Podemos evitar este efecto añadiendo un atributo adicional, BORDER, que nos permite especificar el grosor de este borde o eliminarlo poniéndolo a cero.

CODIGO DE IMAGEN:

<HTML>
<HEAD>
<TITLE>Título del documento</TITLE>
</HEAD>
<BODY>
<p><img border="0" src="anibugs.gif" width="115" height="188" alt ="Mensaje de ayuda al no aparecer la imagen"></p>
</BODY>
</HTML>