Cómo Hacer Un Hipervínculo En Un Sitio Web

Tabla de contenido:

Cómo Hacer Un Hipervínculo En Un Sitio Web
Cómo Hacer Un Hipervínculo En Un Sitio Web

Video: Cómo Hacer Un Hipervínculo En Un Sitio Web

Video: Cómo Hacer Un Hipervínculo En Un Sitio Web
Video: CÓMO HACER UN HIPERVÍNCULO EN HTML A OTRA PÁGINA | CÓMO INSERTAR HIPERVÍNCULOS EN IMÁGENES HTML 2024, Mayo
Anonim

Los hipervínculos son la base sobre la que se construye la estructura de Internet. Son estos elementos de las páginas de Internet los que le permiten vincular las páginas de los sitios en una sola red. Echemos un vistazo más de cerca a cómo se insertan los hipervínculos en los documentos.

Hipervínculos en las páginas del sitio
Hipervínculos en las páginas del sitio

Instrucciones

Paso 1

Los enlaces de hipertexto están diseñados para vincular texto, imágenes u otros elementos de la página a otros documentos de hipertexto. Todos los elementos de la página de un sitio, incluidos los enlaces, son creados por el navegador, que recibe instrucciones detalladas del código de página que le envía el servidor. Este código HTML (lenguaje de marcado de hipertexto) consta de "etiquetas" que describen el tipo, la apariencia y la ubicación de todos los elementos de una página web. El navegador crea un hipervínculo estándar cuando encuentra la siguiente etiqueta en el código de la página, por ejemplo, la siguiente etiqueta: Enlace de texto Aquí está la etiqueta del enlace de apertura, - la etiqueta de cierre. La etiqueta de apertura puede contener información adicional: "atributos". En este enlace simple, el atributo href contiene la URL de la página u otro documento que se solicitará si un visitante hace clic en el enlace. A veces no es necesario indicar la dirección completa: si el documento solicitado se encuentra en el servidor en la misma carpeta (o una subcarpeta en él), entonces es suficiente especificar solo su nombre o la ruta a la subcarpeta. Dichas direcciones se denominan "relativas", deben escribirse, por ejemplo, así: Enlace de texto Al hacer clic en este enlace, se cargará el documento moreText.html de la misma carpeta. Y las direcciones de enlace absoluto comienzan con un protocolo, por ejemplo: Enlace de texto aquí "http" (Protocolo de transferencia de hipertexto) es la dirección habitual de un documento en una red. Y si especifica el protocolo "mailto", el hipervínculo iniciará su programa de correo, en lugar de ir a otra página: enlace de correo electrónico): Enlace al archivo

Paso 2

Otro atributo de hipervínculo que indica en qué ventana cargar este nuevo documento se escribe "target". Si puede ingresar cualquier dirección correcta en el atributo href, entonces el destino solo puede tener cuatro valores: _self: la página debe cargarse en la misma ventana o marco. "Marcos" se refiere a una parte de una ventana dividida en varias partes; _parente: si la página actual se cargó desde otra ventana (o marco), entonces tiene una ventana "principal". Y el valor _parent requiere que la página a la que apunta el enlace se cargue en esta ventana principal; _top - la nueva página debe cargarse en la misma ventana. Si esta ventana se divide en marcos, al cargarlos se destruirán y la nueva página será el único marco en esta ventana; _blank: se abrirá una ventana separada para seguir el enlace; Por ejemplo:

El enlace se abrirá en una nueva ventana.

Paso 3

Es posible crear un hipervínculo para ir no a otra página, sino a una sección determinada del mismo documento. Para indicar dicho "destino" en el código html del documento, se utiliza un enlace de anclaje: Y el enlace que desplaza el documento a este ancla se ve así: Enlace al primer anclaje de la página Puede vincular a los anclajes no solo en este documento, pero también en otros: Anclar en otra página Por supuesto, en el código html de otro documento debe existir un enlace de anclaje con el atributo name = "Anchor1".

Paso 4

Un hipervínculo puede mostrar no solo texto, sino también otros elementos de las páginas, por ejemplo, imágenes. La etiqueta más simple que dibuja una imagen se ve así: Y para que la imagen se convierta en un hipervínculo, debe incluirse entre las etiquetas de enlace de apertura y cierre:

Recomendado: