Geek Penguin

Ya conocemos lo mas esencial del lenguaje HTML, y hoy nos queda una etiqueta muy importante: la etiqueta de las imágenes. Claro, una página web sin imágenes es simplemente texto organizado, no mas.

La etiqueta utilizada para las imágenes es la <img>, y así como la etiqueta para los links o enlaces, <a>, tiene un atributo obligatorio. Debemos tener en cuenta el origen exacto de la imagen.

El uso de la etiqueta es de la siguiente forma:

<img src=”ruta exacta de la imagen” alt=”Descripcion de la imagen” />

Para así convertir un

<img src=”http://geekpenguin.com/wp-content/uploads/2008/12/pinguino-162×300.jpg” alt=”pinguino” />

En una imagen así:

Es posible también añadir algunos atributos a la etiqueta:

• El atributo title sirve como un atributo que complementa al alt, con un título de imagen.
• El atributo width sirve para ajustar el ancho de la imagen.
• El atributo height sirve para ajustar la altura de la imagen.

En el caso de los atributos width y height, se usan de la forma

<img src=”ruta de la imagen” alt=”descripcion de la imagen” width=”**px” height=”**px” />

Donde ** es la medida que queremos dejar, y que se da en pixeles.

Y por fin terminamos la parte del HTML (no todo el tutorial, aún falta demasiado) con una especificación reciente: el XHTML. ¿Qué es el XHTML? Es una versión extendida y más limpia del HTML normal. Aunque ustedes no lo hayan notado, durante todo el tutorial he usado esta versión de XHTML, ya que es más estricta y generalmente es mejor recibida por el W3C, el consorcio internacional responsable de los estándares en el Internet.

¿Que diferencias hay entre el HTML y el XHTML?

• Los atributos siempre irán entre comillas, simples o dobles.
• Las etiquetas vacías (es decir, que no encierran ningún contenido, como el <img> o el <br>) siempre van cerradas con un / al final de la etiqueta. Es decir, de la forma <etiqueta atributo=”valor” />
• Las etiquetas normales también deben cerrarse, con su respectiva etiqueta final. Como un <etiqueta>contenido</etiqueta>.
• Las etiquetas deben ir anidadas en el orden correcto. Es decir, el que se abre de último, cierra primero. De la forma <etiqueta1><etiqueta2>contenido</etiqueta2></etiqueta1>.
• Las etiquetas y los atributos siempre irán en minúscula.

Hay otro lenguaje que se llama XML (significa eXtended Markup Language) que es muy estricto en su forma de escribir. El XHTML es una mezcla entre el HTML y el XML, ya que en la anterior versión del HTML, hubo un terrible desorden de estándares de etiquetas que confundían a navegadores y programadores por igual, por lo que ahora se intenta introducir en el Internet y evitar todo este tipo de confusiones.

Esto es todo por el tutorial de hoy. ¡Hasta una próxima ocasión!