Crear un link en la web

Bienvenidos al segundo tutorial de HTML básico, lo que veremos hoy en detalle es como agregar una link a nuestra web.
Imagen de un hipervínculo
1)Comenzemos por lo primero, "La sintáxis correcta", para agregar un link a una web la sintaxis es la siguiente:

<a href="dirección o URL">Texto del link</a>
2)Analizemos esto: Este código o etiqueta, la llamaremos "compuesta", ¿Por que?,
Es compuesta porque consta de dos partes, una de ellas es la siguiente:
<a href="dirección o URL">>
Aqui, lo que debemos poner o agregar, el la URL o DIRECCION a donde nos llevará el link, supongamos que quiero hacer un link que me lleve a http://www.rankingmu.com, nuestra primera parte quedará asi:
<a href="http://www.rankingmu.com">
3)Con eso, tenemos terminada la primera parte, es decir, ya hemos agregado el link a donde nos llevará nuestro enlace, ahora lo que necesitamos es crear la parte visible, es decir, el texto que será visible.
En mi caso pondré "Visita mi RankingMU", el código quedaría asi:
Visita mi RankingMU</a>
4)Ahora simplemente unimos estas dos partes. El código finalizado quedaría asi:
<a href="http://www.rankingmu.com">Visita mi RankingMU</a>
Podemos ver su funcionamiento en la siguiente linea:
Visita mi RankingMU
Para verificar nuestra trabajo, simplemente hacemos un click en donde dice "Visita mi RankingMU" y este nos debería llevar al enlace que hemos puesto.
Lógicamente, ustede pueden cambiar tanto el enlace como el nombre a mostrar.
Codigo.txt [1 KB]

¿Necesitas ayuda? Visita www.iceventas.com y nosotros lo hacemos por ti.

Se han publicado un total de 2 comentarios en Mu Online Tutoriales :

4 de noviembre de 2015, 3:06

Lo pongo en las noticias de la Mucore pero en la página se ve el código, sabes por que? gracias por tus tutos son de muchísima ayuda

4 de noviembre de 2015, 15:57

Anónimo : Si lo haces por MuCore desde el editor de noticias, entonces es más sencillo.
a)Escribes la palabra que queres que se muestre en tu web y al hacerle clic te lleve al enlace
b)Seleccionas la palabra
c)Haces un clic en boton que dice "Insert/Edit link"
d)Completas el cuadro
e)Agregas la noticia y verificas.

Y si quieres utilizar lo que indica la guia, utiliza el editor de noticias de la MuCore en modo HTML
Saludos

Publicar un comentario en la entrada