Enlaces y URLs en la Web

Enlaces en la Web

Las páginas web son documentos cuyo contenido puede estar situado en cualquier parte de la red, y a él se accede mediante los enlaces o links: elementos interactivos (una palabra, un texto, una imagen, etc.) que destacan por su color o su forma.

Tipos de enlaces

• Internos: Llevan a otra parte dentro de la misma página.
• Locales: Se refieren a algún recurso situado en el mismo servidor que nuestra página (URL relativas).
• Externos: Se refieren a algún recurso situado en otros servidores (URL absolutas).
• De correo: Abren el programa de correo electrónico para enviar un e-mail a una dirección específica.
• A archivos: Permiten abrir o descargar archivos al ordenador (imágenes, animaciones, sonidos, etc.).
• A una imagen: La imagen muestra un borde azul (se puede quitar con código).

La etiqueta <a> delimita la zona del enlace. El contenido dentro de esta etiqueta se muestra resaltado (por color o borde) y, al pulsarlo, el navegador se dirige al destino del enlace.

Formato de la etiqueta <a>

<a href="dirección" target="ventana">Texto del enlace</a>

• href: Dirección de destino (URL absoluta o relativa).
• target: Indica en qué ventana se abre la página.
  • _blank: Nueva ventana sin nombre.
  • _self: En el mismo marco (valor por defecto).

URLs

Cada sitio de Internet se identifica con una dirección IP (ej. 192.168.1.12). Los servidores DNS traducen estas direcciones a nombres más fáciles de recordar (ej. www.terra.es). Estas direcciones se llaman Universal Resource Locator o URL.

Formato general de una URL

protocolo://máquina:puerto/ruta/fichero@usuario

Protocolos comunes

• http: Transmisión de documentos HTML.
• https: Similar a http, pero con encriptación.
• ftp: Transmisión de archivos.
• mailto: Transmisión de datos a través de servidores de correo.
• news: Acceso a grupos de noticias.
• telnet: Terminal de acceso remoto en modo texto (poco seguro).

En las páginas web, se usan URLs absolutas (ej. http://servidor.dom/página.htm) o relativas (ej. /pagina.htm).

Anclas

Las anclas permiten acceder directamente a una posición concreta dentro de un documento HTML.

Uso de anclas

• En la misma página: <a href="#nombre-del-ancla">Ancla en esta página</a>
• En otra página: <a href="otra-pagina.html#nombre-del-ancla">Ancla en la página enlaces.html</a>

I.E.S. CARLOS HAYA - Creación de páginas Web - Aula de Informática