El editor visual de HTML permite insertar enlaces (hipervínculos) a partir de fragmentos de texto o imágenes. Para realizarlo basta con seguir la siguiente secuencia: seleccionar el objeto de donde parte el vínculo, pulsar sobre el icono de la cadena e introducir la dirección del enlace. Vamos a distinguir entre tres tipos de enlaces: enlaces externos (a otra página web), enlaces internos (dentro de la unidad didáctica) y enlaces para la descarga de archivo adjuntos al propio proyecto.

Estos enlaces nos permiten vincular la página que estamos editando con otra página Web. Debemos introducir la URL de esta página Web en el cuadro de diálogo que se abre al pulsar sobre el icóno de la cadena, mostrado en la imagen a la derecha. Hay una animación sobre la inserción de enlaces externos en esta página.

• Ejemplo de enlace externo: SlideShare

Estos enlaces nos permiten crear vínculos a puntos concretos de las páginas de la unidad didáctica que estamos creando. Para ello debemos crear primero un ancla en el punto deseado de destino (usando el icono del ancla mostrado en la imagen de la derecha) y posteriormente crear un enlace en el punto de origen con el mismo cuadro de diálogo que para los enlaces externos.

• Ejemplo de enlace interno: Animación que muestra el proceso de creación de estos enlaces

Para adjuntar archivos debemos usar también el cuadro de diálogo de los enlaces, aunque ahora no introducimos una URL sino que accedemos a los archivos que tenemos guardados en nuestro ordenador. Podemos adjuntar archivos de texto (Word, PDF...), presentaciones, hojas de cálculo. Todo aquello que queráis incluir y que no se integre bien en una página Web.

• Ejemplo de archivo adjunto: Archivo de texto