Hipervínculos locales y externos

 Los hipervínculos (o enlaces) son la base de la navegación en la web. Permiten a los usuarios saltar de un recurso a otro. Se clasifican principalmente en locales y externos, dependiendo de si el destino se encuentra dentro o fuera del sitio web actual.

🔗 1. Hipervínculos Locales (Enlaces Internos)

Los hipervínculos locales dirigen al usuario a otro recurso dentro del mismo sitio web o dominio.

Concepto

Son enlaces que utilizan una ruta relativa (o solo el nombre del archivo) para conectar páginas o secciones dentro de la estructura de un mismo proyecto web.

Usos Comunes

  • Navegación principal: Conectar la página de inicio con la página "Acerca de" o "Contacto".

  • Anclas: Saltar a una sección específica dentro de la misma página (ej., un índice que te lleva a un subtítulo).

  • Descargas internas: Enlazar a un PDF o una imagen alojada en la misma carpeta del servidor.

Ejemplo de Estructura (en HTML)

El enlace solo necesita la ruta a la página de destino sin especificar el dominio completo.

HTML
<a href="acerca_de.html">Sobre Nosotros</a>

<a href="#seccion-final">Ir al final</a>

🌎 2. Hipervínculos Externos (Enlaces Salientes)

Los hipervínculos externos dirigen al usuario a un sitio web o dominio diferente al actual.

Concepto

Son enlaces que utilizan una URL absoluta (incluyendo el protocolo http:// o https:// y el dominio completo) para dirigirse a un recurso completamente fuera del control o propiedad del sitio actual.

Usos Comunes

  • Referencias: Citar o enlazar a la fuente de una información o un estudio.

  • Asociaciones: Enlazar a los sitios web de socios, clientes o proveedores.

  • Redes sociales: Enlazar a los perfiles de la empresa en Facebook, Twitter, etc.

Ejemplo de Estructura (en HTML)

El enlace debe contener la URL completa. Por buenas prácticas, a menudo incluyen el atributo target="_blank" para abrir el enlace en una nueva pestaña y evitar que el usuario abandone el sitio original.

HTML
<a href="https://www.google.com" target="_blank">Visitar Google</a>

<a href="https://externo.com/documentos/guia.pdf">Descargar Guía Externa</a>

Comentarios

Publicar un comentario

Entradas populares de este blog

Imagen
 CONCEPTOS BÁSICOS DE INTERNET  ¿Qué es INTERNET?  Internet es una gran red internacional de computadoras, es una red de redes. Internet nos permite, como todas las redes, compartir recursos. Es decir: mediante una computadora podemos, establecer una comunicación inmediata con cualquier parte del mundo para obtener información sobre un tema que nos interesa. De este modo se establecen vínculos comunicativos con millones de personas de todo el mundo, sea para fines académicos, de negocios, de investigación, o personales. Internet es una red que no sólo interconecta computadoras, sino que interconecta redes de computadoras entre sí. Una red de computadoras es un conjunto de máquinas, que se comunican a través de algún medio (cable coaxial, fibra óptica, radiofrecuencia, líneas telefónicas, etc.) con el objeto de compartir recursos. Concepto de WWW  El World-Wide Web (WWW) es un sistema hipermedia distribuido, accesible a través de Internet, que permite navegar con faci...
Leer más

Tablas y Frames, Flexbox y Grid

  1. Hojas de Estilo (CSS) 🎨 Una Hoja de Estilo en Cascada (CSS, del inglés Cascading Style Sheets ) es el lenguaje que describe la presentación de un documento escrito en un lenguaje de marcado, como HTML. Función y Principio Clave La función principal de CSS es separar el Contenido (estructurado en HTML) de la Presentación (el diseño, colores, fuentes, y disposición). Presentación: Define cómo se debe ver el contenido (ej., el texto principal debe ser azul, centrado y con fuente Arial ). Consistencia: Permite aplicar el mismo estilo a múltiples páginas web de un sitio, asegurando uniformidad visual con solo modificar un archivo. Eficiencia: Reduce el tamaño de los archivos HTML, haciendo que la página cargue más rápido. Tipos de Inclusión de CSS Externa: El método más recomendado. Los estilos se definen en un archivo separado ( .css ) y se vinculan al documento HTML. Interna: Los estilos se definen dentro de la sección <head> del documento HTML, utilizando la etiq...
Leer más

Navegadores (browsers)

 Un navegador web (o browser ) es el software esencial que permite a los usuarios acceder a la información disponible en la World Wide Web (WWW) . Actúa como un intérprete: solicita datos a los servidores web e interpreta el código (principalmente HTML, CSS y JavaScript) para mostrar las páginas de manera visual e interactiva en tu pantalla. Período Hitos Clave Principios de los 90 (Nacimiento) En 1990 , Tim Berners-Lee creó el primer navegador y editor, llamado WorldWideWeb (luego Nexus). En 1993 , apareció Mosaic , el primer navegador popular que mostraba imágenes y texto en la misma página, lo que impulsó el uso masivo de Internet. Mediados de los 90 (Guerra de Navegadores) En 1994 , se lanzó Netscape Navigator , que dominó el mercado inicial. En 1995 , Microsoft lanzó Internet Explorer (IE) . Siguió una intensa "Guerra de Navegadores" donde IE, al ser incluido en Windows, se convirtió en el dominante. Años 2000 (Renacimiento y Estándares) La caída de Netscape llevó a...
Leer más