Muy buenas a tod@s otra vez. Hasta ahora hemos visto desde cual es la síntasix básica para empezar a crear nuestras páginas con html en Conceptos básicos de html, hasta distintos manuales de como insertarles formularios Creacion de formularios en HTML: algunas opciones de la etiqueta input. También listas y alguna cosita mas. Aún faltan muchas cosas importantes y necesarias para poder dejar bonitas nuestras páginas y que tengan todos los componentes necesarios. Hoy veremos como insetar enlaces y los distintos enlaces.

Para empezar, al que no lo sepa, un enlacé es una zona en la que pinchas, ya sea texto, imagen.. y te lleva a otra web o a otra parte de la misma web, pero a otro punto del que estás.

La sintaxis de un enlace es:

<a href=”https://www.ayudafacil.com”>contenido que se muestra</a>

y visualmente queda así:

contenido que se muestra
En este caso nos lleva a la página principal de este blog

La parte donde ponemos contenido a mostrar en este caso es texto, pero puede ser una imagen. Pero en vez de escribirle el texto indicamos mediate una etiqueta de imagen <img> la direccion donde esta nuestra imagen como se indica aqui:

<a href=”https://www.ayudafacil.com”><img src=”https://www.ayudafacil.com/direccion_de_nuestra_imagen.png”></a>

Y como podemos observar si le hacemos clic, también nos lleva a la pagina web de nuestro blog:

 

Enlaces internos

Los enlaces internos son los que te redireccionan a otra parte de la misma página, como por ejemplo para ir al inicio o al final de ésta o a algún apartado concreto.

La sintaxis a utilizar:

<a href=”#arriba”>Ir arriba</a>

y en la zona a la que queremos ir:

<a name=”arriba></a>

Y queda asi:
Ir arriba

Enlaces externos

Los enlaces externos nos pueden llevar a cualquier página que desemos. Por ejemplo para ir a google:

<a href=”http://www.google.es”>Google</a>

y quedaria así:
Google

Enlaces locales

Si queremos redirigir dentro de la misma pagina web

<a href=”category/manuales/html”>Teamalga</a>

y asi quedaria:
Teamalga

Si necesitamos ir hacia atrás desde el punto en el que estamos debemos poner /../

<a href=”/../category/manuales/html”>Teamalga</a>

Y quedaria así:

Teamalga

 

Hasta aquí un resumen de como añadir enlances a nuestras páginas web, espero que les haya servido de ayuda. Un saludo y hasta la próxima

Quizás pueda interesarte

Suscríbete a nuestro boletín

 

 

Política de Privacidad

Revisa tu correo electrónico para finalizar el registro

Advertisment ad adsense adlogger