Crear vinculos o dirigirnos a un lugar especifico en la misma entrada

Como mucho ya sabemos los enlaces no sólo facilitan la navegación al lector ,sino que también pueden vincular apartados dentro de una extensa entrada en donde se crea un menu con los temas tratados.Les explico mejor no se si ya han visto que en algunos sitios con entradas muy extensas crean al comienzo de la misma entrada como un menu por ejemplo la entrada la cual van a publicar trata de varios temas , pero la persona esta interezado solo en leer el ultimo tema entonces con solo dar un click al enlace este lo dirigira al comienzo de ese tema y todo sin salirse de la misma entrada.


Muchos conocen tambien los enlaces hacia otros sitios,dando click este nos dirige hacia ese sitio,bueno esto es lo mismo pero dentro de la misma entrada dirigiendote hacia el tema que quieras sin tener que estar bajando o subiendo bueno todo depende de la imaginacion de cada cual como lo quieran usar.

A continuacion les muestro un ejemplo puse tres denle click al cual quieren dirigirse y veran como van hacia ese tema yo puse numeros.



Suponemos que nuestros temas se componen por la siguiente estructura:

Primer tema
Segundo tema
Tercer tema

Lo primero a hacer es crear la tabla de contenido. Para ello utilizamos el atributo href al que atribuímos un nombre único (en lugar de una URL):

 <a href="#primero">Primer tema</a>
<a href="#segundo">Segundo tema</a>
<a href="#tercero">Tercer tema</a>


Seguidamente y haciendo uso del atributo name especificamos el área a donde conducirá cada enlace.
Para el primero emplearíamos lo siguiente:

 <a name="primero">Primer tema</a>
Aquí va el contenido perteneciente al primer apartado del artículo.

<a name="segundo">Segundo tema</a>
Aquí va el contenido perteneciente al primer apartado del artículo.

<a name="tercero">Tercer tema</a>
Aquí va el contenido perteneciente al primer apartado del artículo.


Haremos lo mismo con todos los que quieran añadir. Debe tenerse en cuenta que el nombre a utilizar en cada enlace debe ser único.Si lo repetimos , el enlace no conducirá al tema apropiado y acudirá al área en donde tenemos el nombre correcto.





Votar esta anotación en Bitácoras.com
Compartir esta entrada :



data:newerPageTitle data:olderPageTitle data:homeMsg
:) :( ;) :D ;;-) :-/ :-O X( B-) #:-S :(( :)) =)) ~X( :-t 8- =P~ #-o =D7 :-SS :-q :-bd

2 comentarios:

  1. El tema de los enlaces es para mí algo complicado, en mi primer sitio web, estuve trabajando con php y tuve una serie de problemas, pues enlazaba muchos sitios que no existían por errores =(

    ResponderEliminar
  2. Hola Deniogenes lo que pasa del php es que es un poquito complicado bueno para el no lo entiende incluyendome yo no te voy a engañar no le se todavia,por eso prefiro usar otras alternativas muy buenas y efectivas,mi blog es de blogspot y aquí no se usa el php.bueno a lo que te refires de enlazar es muy sencillo hay muchos tipo de enlaces como enlazar un sitio,una entrada,enlazarte tu mismo y mas... por ejemplo ahora tu me quieres enlazar y este seria el codigo:

    Este codigo es con imagen:

    <a href="http://www.tubetrucos.com/"><img src="http://dl.dropbox.com/u/25944020/tube%20trucos.gif" title="tube trucos" /></a>

    y este codigo es sin imagen:

    <a href="http://www.tubetrucos.com/"> tube trucos </a>

    <a href="AQUI VA LA URL DE TU SITIO O EL QUE QUIERES ENLAZAR"><img src="AQUI VA LA URL DE LA IMAGEN QUE TIENE TU LOGO O EL QUE QUIERES ENLAZAR" title="AQUI EL TITULO DE TU SITIO O EL QUE QUIERES ENLAZAR" /></a>

    <a href="AQUI VA LA URL DE TU SITIO O EL QUE QUIERES ENLAZAR"> AQUI EL TITULO DE TU SITIO O EL QUE QUIERES ENLAZAR </a>

    si tienes alguna duda no dudes en preguntarme.saludos

    ResponderEliminar