|
4. ENLACES/LINKS | |
Bueno hemos llegado a la parte esencial de las paginas web, he aquí donde radica gran parte de la utilidad de estas cosas, el manejo de los enlaces, también conocidos como links o hipervínculos. Veamos algunas definiciones.
Para crear un link primero debes tener claro hacia que objeto quieres realizar el enlace, éste objeto puede ser otra página web, una url, un video, una canción, etc. Por ejemplo supon que dicho objeto se trate de una página llamada enlaces.html. Para que el enlace sea efectivo escribe: <a href="enlaces.html"></a> Al igual que en las imágenes el objeto linkeado deberá estar guardado en el mismo directorio, en caso contrario se deberá especificar en que directorio está ubicado o indicar la url del objeto, ambos casos se deben especificar en el href así como en las imagenes se especificaba en el src. El texto o imagen que se encuentre entre <a> y </a> será sensible, es decir el cursor se convertirá en mano, esto quiere decir que si pulsas con el ratón sobre él, se realizará la función de enlace hacia el objeto. Si lo que está entre <a></a> es un texto, este aparecerá subrayado y en distinto color, y si es una imagen, esta aparecerá con un borde rodeándola (a menos que se quiera quitar). Atención: No da lo mismo poner
El atributo "_top" tendrá más sentido en el capítulo de frames. En este caso pon un texto entre <a> y </a>, el texto es "aquí", y el enlace irá a la página de Aprende HTML, es decir a "https://www.mpmx.info", todo esto queda así:
Si colocas el ratón encima de la frase y das click, el navegador accederá en una nueva ventana, a la página Web indicada por el parámetro href, es decir a la página https://www.mpmx.info 4.4 Enlaces Ocupando Imágenes. Ahora usaremos la imagen "yahoo.gif", que está junto con esta página en un mismo directorio, para realizar un enlace a "https://elshava.com", también se incluirá en el tag <a> el atributo "target=_blank", para que la página de yahoo se abrá en una nueva ventana. La imágen al ser puesta como link aparece un borde alrededor de ella, para quitar este borde sólo pon el atributo border=0 dentro de el tag <img>
Pulsando sobre la imagen se accedería a la pagina situada en https://elshava.com Un enlace también puede llevarte a una determinada zona de una página. Pero como todo enlace necesita un objeto al cual enlazar, en este caso el objeto lo haces tú. La idea es dejar en el código html diferentes marcas para que el navegador enlace un link con las marcas, que también reciben el nombre de anclas. Las anclas se crean con el parámetro name. Veamos un ejemplo.
Lo que he hecho es crear el ancla con el nombre "sección1". Luego para hacer un enlace a esta ancla hacemos lo siguiente:
También puedes hacer el enlace usando la url de la página, es decir:
En ambos caso el enlace es el siguiente: subtítulo 4.5 No hay restricción de cuantas anclas se puedan poner en una misma página web, sólo hay que tener cuidado de que todas tengan un diferente nombre. También se puede hacer que el enlace de como resultado el envío de un correo electrónico a un mail determinado. Por ejemplo quieres poner un enlace a mi e-mail, que es "[email protected]". El método es el siguiente
Los navegadores viejos no soportan esta última instrucción por lo que se recomienda poner: Mi e-mail es: [email protected]
También puedes poner un subject ó asunto al e-mail que te van a mandar. Ejemplo: Mi e-mail
Con los tags anteriores has visto como hacer enlaces a páginas Web o secciones dentro de una página web, pero puedes hacer un enlace a un grupo de noticias o a otro servicio de Internet.
También puedes realizar un enlace a un archivo cualquiera. En este caso el navegador intentará "ver" el archivo, y si no puede hacerlo te preguntará si deseas guardarlo en tu máquina.
En esta sección no hay nada nuevo, sólo es un ejemplo de como poner varios links de forma ordenada:
El resultado es el siguiente: | MundoPaul.CoM | MundoJuegos.INFO | HTML | Aprende HTML | |
||||||||||||||||||||||||||||||||||||||||||||||
