30.11.09

Insertar imágenes

Una forma de insertar imágenes en un documento HTML es utilizando la etiqueta <IMG> y sus atributos SRC, lo que permite especificar el nombre del fichero que contiene la imagen (habitualmente .gif o .jpeg), y ALIGN, que permite indicar cómo el explorador debe alinear la imagen con cualquier texto que esté cerca de ella (TOP, MIDDLE o BOTTOM).

Cuando se realiza una página web hay que tener en cuenta que hay exploradores que no soportan gráficos. Es por esto que es conveniente utilizar el atributo ALT que permite especificar un texto en el lugar de la imagen, cuando el explorador no pueda mostrarla. Por ejemplo:

<HTML>

  ...

    <HR>
       <CENTER>
       Castorlux escribiendo un artículo para
       BloguerMast.
       <IMG SRC="Castorlux.jpeg" ALIGN=BOTTOM
       ALT="Foto de Castorlux">
       </CENTER>
    <HR>
       Haga cLick
       <A HREF="http://www.buscador.com/
       ini/inicio.html">aquí</A> para ir a la
       página de inicio
  </BODY>
</HTML>
La etiqueta <CENTER> centra la imagen y el título de la misma.

También, desde un documento se puede saltar a otro documento. Por ejemplo:

Haga click <A HREF="Castorlux.html">aquí</A>
para ir a la biografía de Castorlux.

El ejemplo anterior indica que cuando el asuario haga click en la palabra "aquí", se cargará un nuevo documento HTML guardado como Castorlux.html.

Igual como se utiliza una palabra para un salto a otro lugar, se puede utilizar una imagen; esto es, un click sobre una imagan gráfica puede conducir a otro lugar. Por ejemplo:

<CENTER>
<A HREF="prueba.html">
<IMG SRC="Castorlux.jpeg" ALIGN=BOTTOM
ALT="Foto de Castorlux">
</A>
</CENTER>

El código anterior realizará un salto a la página prueba.html cuando el usuario haga ckick sobre la imagen mauricio.jpeg. Cuando se ejecuta este código se puede observar que, al pasar el mouse por encima de la imagen, el cursor cambia a una mano y aparece una etiqueta que visualiza "Foto de Castorlux".
Etiquetas:

1 comentarios :

▼▲ Ocultar / Mostrar comentarios
Comentario escrito por María C. #

¡Era la información que staba buscando!
Muchas gracias.
Gran saludo.

15 de abril de 2010, 19:33

Este blog ya cumplió su ciclo, por esta razón, aunque sigue a disposición de los usuarios, no se harán más publicaciones ni se atenderán más consultas. La respuesta a su inquietud puede estar entre los comentarios hechos hasta aquí.

El autor.

Suscribirse a: Enviar comentarios ( Atom )