Vinculo de correo electrónico:

Podemos insertar un hipervínculo de correo electrónico tanto a un texto como a una imagen. Puede hacerse de dos formas, bien desde el menu de comandos Insertar - Vinculo de correo electrónico o bien desde la barra insertar clic en el icono de vinculo de correo electrónico (ver imagen).

Vamos a poner un Vinculo a un texto. Para ello bien podemos escribir el texto y seleccionarlo para copiar y seguidamente clic en el icono de vinculo, o bien situar el puntero del ratón en un área de nuestra elección en el documento y clic en el icono de vinculo. De cualquier forma, saldrá una ventana emergente donde deberemos rellenar los datos correspondientes al correo y al texto si no lo hemos escrito antes.

Fijaros que el vínculo queda puesto y además en el inspector de propiedades queda registrada la instrucción del hipervínculo de correo electrónico.

Vínculo de correo electrónico en una imagen: Insertamos ahora el botón que teníamos aun sin insertar y vamos a asociar a él un hipervínculo de correo electrónico. En esta ocasión lo haremos a través del inspector de propiedades. Seleccionaremos el botón y en el inspector de propiedades en la cajita del vínculo escribimos mailto:micorreo sin espacios después de los dos puntos. Mailto: es la instrucción que hace referencia al hipervínculo de correo electrónico. Obviamente micorreo lo sustituyes por tu correo electrónico:

Vínculos dentro del mismo documento html:

En ocasiones nos puede interesar tener vínculos dentro de un mismo documento html (la prueba la tienes dentro de este mismo tutorial, si haces clic en las opciones del recuadro  "En este tutorial aprenderás" te llevará a las distintas partes de este documento a las que hacen referencia esas opciones. Vamos a ver un ejemplo práctico.

Vamos a situar el puntero del ratón justo donde marca la flecha blanca de la imagen:

Ahora haremos clic en el icono de la barra insertar Anclaje con nombre:

Ponemos un nombre al punto de anclaje:

Veremos como aparece el icono de un ancla justo antes del texto:

Bien, la primera parte ya está hecha, ahora vamos a establecer el vínculo desde otra parte del documento. Vamos a escribir debajo de la barra "Ver resultados de ejercicios". Lo seleccionamos para copiar, y clic en el icono de hipervínculo de la barra insertar:

En la ventana emergente, vemos que el texto ya aparece colocado y para establecer el vínculo haremos clic en el cuadradito azul con el ángulo al revés y se abrirá  el desplegable donde veremos que aparece el punto de anclaje resultados. Lo seleccionamos y aceptamos.

Ahora guardamos nuestra pagina (clic en F12) y la visualizamos en el navegador y esto es lo que veremos:

Mi página Web

Para enseñarme este resultado en el foro: Archivo - Guardar como y nómbralo parte4.html

 Ya queda menos. Nos vemos en el siguiente tutorial.