Hipertexto
Ya vimos que con el hipertexto podemos leer un documento de una forma no-secuencial. El hipertexto está compuesto por:
- Nodos o secciones, que es la parte del hipertexto que contiene información accesible para los usuarios, las páginas web.
- Enlaces o hipervínculos, son las uniones, relaciones o vínculos entre los nodos. Es decir son los caminos o puentes que se construyen y que nos permiten saltar entre una página web y otra.
- Anclajes, son los puntos de activación de los enlaces.
Enlaces
Los enlaces intra-documentales son aquellos que hacen referencia a un punto dentro de la página que lo contiene.
Los enlaces extra-documentales son aquellos que hacen referencia a otra página html o a un punto de otra página html.
La etiqueta que se utiliza en HTML para definir los enlaces es <a href="#nombre">enlace</a>.
En la página se muestra el texto "enlace" y es el punto activo que el usuario debe seleccionar para activarlo e ir al destino especificado.
En el atributo href se especifica el destino del enlace, que puede ser una página externa o un punto interno dentro del documento actual.
Para definir el punto específico de un enlace intra-documento tenemos:
- Con el atributo "name" en la etiqueta "<a>": <a name="nombre">texto</a>. Donde "nombre" es el mismo valor utilizado en el atributo "href"
- Con el atributo "id" en cualquiera de las etiquetas HTML:
- <h1 id="nombre">...</h1>
- <p id="nombre">...</p>
En una página web se pueden definir varios enlaces hacia un mismo destino. Lo que no se puede hacer es crear varios destinos con el mismo nombre.
Los enlaces extra-documentales tienen la forma <a href="url">enlace</a>. Donde "url" es la ruta completa de la página web.
La URL es la forma estándar de acceder a un archivo o recurso en la web. Recordemos la sintaxis de una url:
<servicio>://<usuario>:<contraseña>@<host>:puerto/<ruta>/<recurso>
donde:
- <servicio>: es el protocolo usado
- <usuario> y <contraseña>: son las credenciales necesarias para acceder al <host>
- <host>: equipo al que se accede y donde reside el <recurso>
- <puerto>: canal donde se realiza la conexión
- <ruta>: ubicación del <recurso> en el <host>
- <recurso>: archivo o recurso al que se está accediendo
Ejemplos de url:
- http://idesweb.es/temario
- ftp://ftp.ua.es/pub/software/listado.txt
- mailto:pedro.perez@gmail.com
Sugerencias al definir un enlace:
- Escribir los nombres en minúsculas.
- Usar caracteres del alfabeto inglés, el guión "-" y el carácter subrayado "_".
- No almacenar paginas cuyos nombres incluyan espacios en blanco y menos usarlos en la definición de enlaces.
- No utilizar rutas físicas o que apunten a rutas locales de tu computador, ya que los enlaces fallaran cuando la página se publique en la web.
Para mayor información puede consultar el siguiente vídeo:
