El hipertexto se puede definir como un documento digital que se puede leer de forma no secuencial y que está compuesto de nodos os secciones, de enlaces o hipervínculos y de anclajes.
- Los nodos: son las partes del hipertexto que contienen información accesible para el usuario.
- Los enlaces: son las uniones o vínculos que se establecen entre nodos y facilitan la lectura secuencial o no secuencial por los nodos del documento.
- Los anclajes: son los puntos de activación de los enlaces.
Un hiperenlace puede hacer referencia a un punto determinado de la página que lo contiene, a otra página HTML o a un punto determinado de otra página HTML.
La etiqueta que se utiliza en HTML para definir un hiperenlace es <a>...</a>. Todo aquello que aparezca en el código HTML entre la etiqueta de inicio y la de cierre aparecerá en la página web como un enlace. Normalmente, suele utilizarse texto o imágenes como contenido de un enlace.
En las páginas web se pueden crear dos tipos de enlaces:
- Enlace intradocumental: enlace a un punto en el mismo documento en el que se define el enlace.
- Con la etiqueta <a> se define el enlace y se emplea el atributo href para indicar el destino del enlace.
- Se emplea el atributo id que se puede definir en cualquier etiqueta de HTML para definir el destino del enlace.
- Se pueden definir varios enlaces a un mismo destino, pero no se pueden crear varios destinos con el mismo nombre.
- El nombre del destino en el enlace va percedido del símbolo almohadilla, mientras que en el destino no se pone.
Enlace: <a href="#nombre">...</a> Destino: <a id="nombre">... </a>
<h1 id="nombre">... </h1>
<p id="nombre">... </p>
- Enlace extradocumental: enlace a otro documento, normalmente a otra página.
En el atributo href se tiene que indicar la URL de acceso al otro documento.
Una URL (Uniform Resource Locator) es la forma estandarizada de hacer referencia a un documento, a un recurso, en la Web. Se compone de:
- El servicio o protocolo que se está empleando.
- Los credenciales, nombre de usuario y contraseña, con las que se realiza la conexión al servicio.
- El host o servidor al que se accede.
- El puerto al que se realiza la conexión.
- La ruta de acceso al recurso.
- El nombre del recurso, que suele ser una página web, pero que podría ser cualquier tipo de documento.
Enlace: <a href="pagina.html">... </a>
- También existe el enlace extradocumental a un punto en otro documento. En este tipo de enlace se combinan los dos enlaces anteriores.
- Por un lado está el enlace, en el que se tiene que indicar tanto la URL del documento como el nombre del punto en el otro documento.
- Por otro lado, en el destino del enlace se debe definir el punto al que se hace referencia mediante un nombre con el atributo id.
Enlace: <a href="pagina.html#nombre">...</a> Destino: <a id="nombre">... </a>
<h1 id="nombre">... </h1>
<p id="nombre">... </p>
Consejos a tener en cuenta a la hora de crear un enlace:
- Tener mucho cuidado con los nombres de los ficheros, con las mayúsculas y minúsculas. Es aconsejable escribirlo todo en minúsculas.
- Utilizar caracteres del alfabeto inglés, los números y algún carácter más como el guión o el guión bajo.
- No escribir enlaces que sean rutas físicas a documentos que se encuentran en un ordenadores, ya que al publicar la página en un servidor web, los enlaces no funcionarán.
