::: Tutorial HTML :::  
 .: HTML básico
1. Qué es HTML
  2. Estructura de un documento HTML
  3. Fondo del documento
  4. Texto y efectos
  5. Listas de elementos y entidades
  6. Gráficos y enlaces
  7. Tablas
   
:: Gráficos y enlaces ::
 

Para incluir un gráfico en nuestra página utilizaremos la directiva <IMG>. Esta directiva tiene varios parámetros. El parámetro src indica el nombre del fichero gráfico a mostrar, border indica el borde que rodeará al gráfico, alt indica el texto que se mostrara en lugar del gráfico en aquellos navegadores que no puedan mostrar el gráfico. Ejemplo:

<IMG src="esp.gif" border=none alt="España">

Mostrará el gráfico esp.gif sin ningún borde rodeándolo, y aquellos navegadores que no puedan mostrar el gráfico visualizaran la palabra España.

Otro parámetro importante de esta directiva es align. Este parámetro permite indicar como se alineará el texto que se escriba a cotinuación del gráfico. Sus valores posibles son :

bottom
alinea el texto en la zona inferior del gráfico.
top
alinea el texto en la zona superior del gráfico.
center
alinea el texto en la zona central del gráfico.

Ejemplos :
<IMG src="hlp.gif" align=bottom>Texto de Ayuda
Texto de Ayuda

<IMG src="hlp.gif" align=top>Texto de Ayuda
Texto de Ayuda

<IMG src="hlp.gif" align=center>Texto de Ayuda
Texto de Ayuda

Los parámetros height y width permiten redimensionar el gráfico dándole un tamaño diferente al real.

height=num
Marca la atura relativa del gráfico.
width=num
Marca la anchura relativa del gráfico.

Ejemplos :
<IMG src="hlp.gif" height=150 width=60>

<IMG src="hlp.gif" height=25 width=25>

Un enlace es un texto o gráfico que, pulsándolo, nos envía a una página distinta. Para incluir un enlace en nuestra página se utiliza la directiva <A></A>. Dicha directiva lleva el parámetro href que es el que indica la dirección de la página a la que queremos que se acceda. Por ejemplo :

<A href="http://www.hispavista.com">Pulsa aqui para buscar en la red.</A>

Mostraría el texto en distinto color, y al pulsar sobre el se nos enviaría a la direccion http://www.hispavista.com.
Entre la directiva <A></A> podemos poner un texto o un gráfico o ambas cosas. P.ej.:

<A href="http://www.hispavista.com"><IMG src="hispavista_pet.gif">Buscador Hispavista;.</A>

Permitirá dirigirse a la direccion indicada pulsando en el gráfico o en el texto.

Para hacer un enlace a nuestra dirección de correo se indicaría la directiva con el siguiente formato :

<A href="mailto:direccion de correo">Pulsa aqui para enviarme un e-mail.</A>