Bienvenido al manual de HTML de mensajeenlabotella. Aprende facil a hacer tus páginas web.

 
 
 
 
 
        
 
 
     
     
  Tejiendo la tela de araña: enlaces.  
     
 

    Los enlaces son una de las partes más importantes y prácticas dentro de los documentos web ya que permiten entrelazar diferentes documentos entre si que a su vez pueden estar entrelazados con otros, etc. Hay diferentes tipos de enlaces: enlaces a otra página, enlaces a una URL, marcadores y enlaces a una dirección de correo.

Enlaces a otra página:

    Vamos a enlazar a continuación dos documentos web dentro de un mismo directorio (recordad que es importante saber el directorio que ocupan nuestros documentos e imágenes. Ver tema: Imágenes). Para realizar este vinculo entre páginas utilizaremos el siguiente codigo.

Ejemplo:
<A href="index.htm">Ir a la página principal</A>

Resultado:

Ir a la página principal


    
Mediante este vínculo estamos uniendo esta página con nuestra página principal, que en nuestro caso tiene de nombre
index.htm, de esta manera podemos unir las distintas páginas de nuestros proyectos con este tipo de enlace.

Enlaces a una URL:

    En el apartado anterior enlazabamos dos documentos web dentro de un mismo directorio. En este apartado vamos poner un vínculo a una dirección web (URL). Lo haremos de la siguiente manera:

Ejemplo:
<A href="http://www.yahoo.com">Ir a Yahoo</A>

Resultado:

Ir a Yahoo

    Lo que conseguimos en este caso es un vinculo entre nuestra página y otra de internet (en este caso yahoo).


Marcadores:

     Los marcadores son un tipo de enlaces dentro de una misma página, se suelen utilizar en páginas de gran extensión para saltar de un sitio a otro detro de la web sin tener que utilizar la barra de desplazamiento. Veamoslo más claro en este ejemplo en el que pondremos un marcador al principio de esta página.

Ejemplo:
<A name="enlacesaotra">Enlaces a otra página</A>
<A
href="#enlacesaotra">Ir a enlaces a otra página</A>

Resultado:

Ir a enlaces a otra página

     Vamos a estudiar esto de los marcadores con más detenimiento, para empezar observemos que tienen dos partes: una en la que se define el atributo name y otra en la que se define el atributo href. En la primera estamos insertando una etiqueta con un nombre donde definimos el lugar donde tiene que ir el vinculo, es lo que llamamos una marca. Entre la apertura y el cierre de esta etiqueta irá el texto o imagen a la que estara apuntando el vínculo, en nuestro caso el vinculo apunta a la sección de esta pagina de: Enlaces a otra página, por lo que iremos buscando en el codigo donde pusimos anteriormente esa frase y le pondremos la etiqueta. La siguiente etiqueta es la que crea el vinculo en la frase: Ir a enlaces a otra página que apunta a donde hemos colocado la marca (el atributo href tendra como valor el nombre de la marca precedido por #).


Enlaces a una dirección de correo:

    En este apartado nuestro enlace sera hacia una direccion de correo. Este enlace funcionará cuando pinchemos en el abriendonos el servidor de correo que tengamos predeterminado en nuestro ordenador y con la dirección a la que apunta ya colocada.

Ejemplo:
<A href="mailto:bootsbob05@yahoo.com">Mi E-Mail</A>

Resultado:

Mi E-Mail

    En esta clase de enlaces no se os olvide poner mailto: en el atributo href antes de la dirección de correo electrónico.

 
     
     
     

 
       
 
     ESTE MANUAL ES GRATUITO PARA EL QUE LO QUIERA USAR Y APRENDER LOS FUNDAMENTOS BÁSICOS DE LAS PÁGINAS WEB. SE PROHIBE SU REPRODUCCIÓN PARCIAL O COMPLETA ASÍ COMO SU VENTA SIN EL CONSENTIMIENTO DEL AUTOR R. SANZ. ©MENSAJEENLABOTELLA. 
 
       
       
       

 

1