Este es el tercer articulo del curso sobre HTML en el cual voy a tratar sobre los hipervinculos o enlaces dentro de una pagina web. Cuando estamos creando una pagina web, normalmente, queremos enlazar algún texto hacia alguna pagina en concreto, tanto si es nuestra como si es externa. La forma de hacerlo es mediante la etiqueta “<a>”, aunque hay que indicarle unos parámetros, como la pagina hacia la que nos dirigirá el enlace o hipervinculo. Aqui os dejos una pagina web que solo tiene un enlace de texto mediante la palabra “Google” a la pagina de Google:
<html>
<head></head>
<body>
<a href=”http://www.google.com”>Google</a>
</body>
</html>
Esta pagina solo mostrara en el navegador la palabra “Google” y al pinchar en dicha palabra nos llevara a la pagina de Google para hacer una búsqueda. Como podéis ver primero se pone la etiqueta “a”, luego va el “href” seguido del símbolo de “=” y seguido la pagina a la cual queremos direccionar. Después va el texto que queremos mostrar como enlace, en este caso la palabra “Google” y finalmente cerramos la etiqueta “a”.
Si queremos que en vez de llevarnos el enlace a una pagina externa nos muestre otra nuestra entonces debemos indicarle donde se encuentra dicha pagina. Un ejemplo seria:
<html>
<head></head>
<body>
<a href=”otrapagina.html”>Otra pagina</a>
</body>
</html>
Esta pagina web cargara una pagina web llamada “otrapagina.html” en el navegador, hay que tener cuidado con la ubicación de la pagina que queremos cargar, en esta pagina la que queremos cargar esta en el mismo directorio que ella misma, es decir, están las dos en el mismo sitio. Si queremos cargar una pagina que se encuentra el un directorio llamado “paginas” entonces seria así:
<html>
<head></head>
<body>
<a href=”paginas/otrapagina.html”>Otra pagina</a>
</body>
</html>
Hasta ahora las paginas a las que enlazamos se cargan en la misma pestaña del navegador, esto quiere decir que cuando pinchamos en un enlace la pagina anterior se quita y se carga la nueva. Puede que queramos que la pagina enlazada se abra en una nueva pestaña y eso se hace de la siguiente manera:
<html>
<head></head>
<body>
<a href=”http://www.google.com” target=”_blank”>Google</a>
</body>
</html>
Creo que con esto esta explicado bastante bien el tema de los enlaces o hipervinculos en este tema del curso de HTML, próximamente haré el vídeo de este articulo con ejemplos para que veáis los cambios en tiempo real.
Si te ha gustado el contenido o te ha servido para algo compártelo en las redes sociales y así puede que le sirva también a otra persona, muchas gracias.