Un hiperenlace, hipervínculo o simplemente enlace nos permite enlazar dos páginas html. Un hiperenlace consiste en una o más palabras diferenciadas por un formato diferente al resto del párrafo (en los primeros navegadores era azul y subrayado) y que al dar clic sobre ella con el cursor permite navegar a un documento diferente.

El enlace de destino más común es un URL (siglas en inglés de uniform resource locator, o localizador de recursos uniformes). El formato es el sieguiente:

protocolo://máquina:puerto/directorio/archivo

Ejemplo:

http://www.profesordeinformatica.com/tutorial/html5.html

Donde:

• http: Indica el protocolo utilizado en nuestro caso hiper text transfer protoco.

• www.profesordeinformatica.com: Es la máquina de nuestro ordenador.

• tutorial. El directorio donde se encuentra la página web.

• html5.html: la página web.

Por defecto el puerto suele ser el 80 y es el puerto del servidor es este sistema nos permite obviarlo.

Cuando en nuestra URL utilizamos la máquina (dirección ip) o dominio estamos hablando de enlaces absolutos. Cuando nosotros obviamos la máquina o dominio estamos hablando de enlaces relativos.

Ejemplos de enlaces relativos:

• pagina.html o ./pagina.html: Esta página está en nuestro mismo directorio.

• ../pagina.html: Página que está en un directorio de nivel superior a nuestra página web.

• images/arbol.jpg o ./imagenes/arbol.jpg: La imagen arbol.jpg que está dentro del directorio images.

Próxima entrada