Bienvenidos a Tutorial Web IPI_2010!

Este blog tiene como propósito principal proporcionar ayuda a aquellos que deseen iniciarse en la creación de sitios web, a través de consejos, guías, tutoriales, videos, etc. Nuestro enfoque será html y javascript, proporcionando ejemplos con código para su análisis y mejor comprensión! comencemos.......

miércoles, 29 de septiembre de 2010

Enlazando Páginas Web

Los sitios web consisten de páginas vinculadas. Para ver todas las paginas en un sitio web, deberás navegar las páginas del sitio web usando Hiper-Vínculos.

Introducción a los Hiper-Vínculos.

Los hiper--vínculos proveen enlaces hacia las páginas web, imágenes, archivos multimedia, y documentos de programas, tales como Acrobat Reader and MS Word. Los hiper-vínculos en HTML son creados usando las etiquetas de Ancla.


Usando las etiquetas <A></A>.

La etiqueta de ancla marca el texto o imagen como un enlace de hiper-texto. Una etiqueta de ancla está representada por las etiquetas <A>...</A>. Algunos de sus atributos son:

  • HREF
  • NAME
  • TITLE
  • METHODS
  • TARGET


El Atributo HREF.
El atributo HREF marca como un enlace el texto que aparece entre las etiquetas de apertura y cierre <A></A>.
Cuando dicho hiper-vínculo es seleccionado, el control se mueve hacia un documento HTML especificado por el valor del atributo. Un ejemplo:


Vaya hacia el sitio web del <A HREF="http://www.w3c.org">World Wide Web Consortium</A> para obtener información actualizada acerca de las últimas especificaciones de HTML

En el ejemplo anterior, al seleccionar el texto World Wide Web Consortium, llevará al usuario hacia un documento HTML localizado en http://www.w3c.org

Esto es lo que mostrará el navegador:

Vaya hacia el sitio web del Word Wide Web Consortium para obtener información actualizada acerca de las últimas especificaciones de HTML

HREF="#identificador" mueve el control hacia otra ancla en el mismo documento HTML. Considera el siguiente ejemplo:
El <A HREF="document.html#diccionario">diccionario<A> define términos usados en el documento.

 En el ejemplo anterior, al hacer click en el texto, diccionario, éste llevará al usuario hacia otra ancla (<A NAME="diccionario"></A>) dentro del mismo documento.html.

El atributo TITLE.
El atributo TITLE provee el título de un documento HTML cuya dirección está dada por el atributo HREF. El atributo TITLE es válido y único para el documento de destino. Este atributo es similar a un consejo que se despliega junto con el hiper-vínculo, el cual provee más información concerniente a éste.
La ventaja del atributo TITLE es que el usuario podrá desplegar el título del documento antes de hacer click en el enlace. Por ejemplo, el título podría aparece como una nota en una caja pequeña mientras el mouse se mueve sobre el ancla o mientras el documento está cargando.

La sintáxis para el atributo TITLE es la siguiente:

<A HREF="url.html" TITLE="Título del hipervínculo"></A>

El Atributo TARGET.
Las ventanas del navegador pueden tener nombres asociadas a ellas; los enlaces en cualquier ventana pueden referenciar hacia otra ventana a través de ese nombre. Cuando el enlace es activado, el documento HTML referenciado es desplegado en la ventana nombrada. Si la ventana no está abierta, el navegador web abrirá una nueva ventana. ESTE ATRIBUTO ES USADO PARA ABRIR UN DOCUMENTO HTML EN UNA PÁGINA O MARCO ESPECIFICADO.

La sintáxis para e atributo TARGET es como sigue:

<A HREF="url.html" TARGET="nombre_de_la_ventana">Texto enlazado</A> 

No hay comentarios:

Publicar un comentario