Apuntes Web
ApuntesWeb.net > Manuales >Manual XHTML

Imágenes (X)HTML

Las imágenes se insertan al documento XHTML, con el siguiente código
<img src="" width="" height="" />
El slash (/) al final es obligatorio para la versión XHTML.
Donde:
  • src="Aquí va la ubicación, nombre y extensión de la imágen"
  • width="ancho de la imágen"
  • height="altura de la imágen"
Por ejemplo:
<img src="grafico.jpg" width="80" height="120" />

Imágen como enlace

En la sección anterior abordamos el tema de los enlaces HMTL, esta vez en lugar de texto colocaremos una imágen para utilizarlo como enlace.

Pasos:

  1. Tener un documento HTML
  2. Conseguir una imágen de orientación vertical y ponerle el nombre 'figura'
  3. Guardar esa imágen en el mismo directorio de la página HTML
  4. Colocamos lo siguiente en el código del documento HTML:
<a href="http://www.apuntesweb.net">
<img src="figura.jpg" width="80" height="120" />
</a>
La imágen tendra un enlace a la página principal de este sitio, modifique la dirección del enlace, cambie de imágen, los valores de width y height.
Al insertar imágenes tenga en consideración; el formato de la imágen ya que puede ser .jpg, .gif ó .png
Recomendaciones Generales:
Recordar que los nombres de los directorios, páginas HTML, imágenes no deben tener tildes ni espacios en blanco, además deben estar en minúscula.

MANUAL XHTML

CSS, HTML, XHTML, Recursos y mucho más, Prohibida su reproducción total o parcial.
© 2009 - 2012 ApuntesWeb.net