SoloCodigo

Programación Web y Scripting => HTML => Mensaje iniciado por: Punk_Soft en Jueves 5 de Octubre de 2006, 23:14

Título: Usar Anclas.
Publicado por: Punk_Soft en Jueves 5 de Octubre de 2006, 23:14
Holas.

Luego de un tiempo vuelvo al foro.

Bueno ahora empece con el html, del cual estoy siguiendo mis clases atravez de un manual; pero hay un punto donde me inquieta. Este punto es saber como funcionan las Anclas (Pues no se si asi deba de llamarlas por lo que el manual menciona lo llamo asi).

Bueno veamos:

Digamos que tengo un extenso texto en mi pagina, pero hay Link's que te permiten ir a una cierta parte de la web.

Código: Text
  1. <A HREF="#ANCLA">El primer Texto en mi documento</a>
  2.  

Pero bien en otro de los ejemplos menciona que se puede ir a otro punto de un documento de otra web en la red.

Código: Text
  1. <A HREF="enlaceweb.html#ancla">Un texto en wikpedia</a>
  2.  

Bueno este es mi duda.

Como usarlos por que no me funcionan.

Greetings::   :comp:
Título: Re: Usar Anclas.
Publicado por: ibito en Jueves 5 de Octubre de 2006, 23:28
Código: Text
  1.  
  2. <A NAME="TOP></A>
  3.  
  4.  
  5. <A HREF="#TOP">¡HASTA ARRIBA!</A>
  6.  
  7.  
Título: Re: Usar Anclas.
Publicado por: Punk_Soft en Viernes 6 de Octubre de 2006, 00:16
Gracias por tu apoyo. Pero no entendi el pimer codigo.

Bueno seria ejemplar que os mostraras los distintas formas de usarlo. Por lo de ir arriba estabien pero abajo supuse que era "down, pero no sale.

A ver si me dieses diferentes casos de usarlo.

Greetings:::
Título: Re: Usar Anclas.
Publicado por: ibito en Viernes 6 de Octubre de 2006, 00:26
Lo que pasa es que, al poner
Código: Text
  1.  
  2. <A NAME="TOP"></A>
  3.  
  4.  

Estoy indicando que en ésa parte del código, donde tengo el ancla con nombre (name) TOP, es a donde se va a ir cuando le des click a la liga con HREF="#TOP"...

Si al final de la página pones un
Código: Text
  1.  
  2. <A HREF="BOTTOM"></A>
  3.  
  4.  

y haces un
Código: Text
  1.  
  2. <A HREF="#BOTTOM">Abajo</A>
  3.  
  4.  

Cuando des click a "Abajo" se irá para abajo  :rolleyes:






Espero haberme explicado mejor  :ph34r:
Título: Re: Usar Anclas.
Publicado por: Punk_Soft en Viernes 6 de Octubre de 2006, 01:15
Pues el ancla hacia abajo aun no me funciona.

Bueno tal vez halgo estoy haciendo mal. te pongo mi code en donde quiero ubicar el Link  para bajar.
Código: Text
  1. .
  2. .
  3. <center><font face=verdana><font color="#ff0000" size="4">Historia de Tux</font></center><BR>
  4. <a href="#BOTTOM">Abajo</a>
  5. <p>mi texto...
  6.  
parece no aceptar el parametro,

Greetings::
Título: Re: Usar Anclas.
Publicado por: ArKaNtOs en Viernes 6 de Octubre de 2006, 01:20
Citar
Si al final de la página pones un
<A HREF="BOTTOM"></A>
y haces un
<A HREF="#BOTTOM">Abajo</A>
 Cuando des click a "Abajo" se irá para abajo 

Seria asi:
al final de la pagina pones <A Name="BOTTOM"></A>
y en la parte inicial supongamos pondrias <A HREF="#BOTTOM">Abajo</A>
Título: Re: Usar Anclas.
Publicado por: ibito en Viernes 6 de Octubre de 2006, 17:34
Ok, lo que sucede, es que por medio de código, tu lo pones un nombre a alguna parte del documento HTML, es decir, al principio de la página pones un
Código: Text
  1. &#60;A NAME=&#34;TOP&#34;&#62;&#60;/A&#62;
  2.  
Entonces, esa parte de la página se llama TOP, si al final(después de muchos <BR>'s si estás haciendo pruebas), pon un BOTTOM o DOWN (<A NAME="BOTTOM"></A>), ésa parte se llama BOTTOM.

Para probarlo, al principio de la página (despues de TOP) pon un
Código: Text
  1. &#60;A HREF=&#34;#BOTTOM&#34;&#62;ABAJO&#60;/A&#62;
  2.  
y al final antes o despues de BOTTOM pon un
Código: Text
  1. &#60;A HREF=&#34;#TOP&#34;&#62;ARRIBA&#60;/A&#62;
  2.  

La primera parte del documento se llama top, con la cual llegas por medio del link "ARRIBA" y la parte de abajo se llama bottom, con la cual llegas por medio del link "ABAJO".
Título: Re: Usar Anclas.
Publicado por: Punk_Soft en Viernes 6 de Octubre de 2006, 23:29
Bien aun sigue sin funcionar px.

deberian de mostrarme con algo mas claro, sobre todo con el name. creo que es lo que mas confundo.

Bueno a ver px ya probe todas.}

Greetings:::
Título: Re: Usar Anclas.
Publicado por: ibito en Sábado 7 de Octubre de 2006, 00:22
Disculpa, pero la verdad estoy en el trabajo y no tengo mucho tiempo, así que la mejor explicación que te puedo dar por el momento, es éste código HTML:
Código: Text
  1.  
  2. &#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;&#62;
  3. &#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62;
  4. &#60;head&#62;
  5. &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=iso-8859-1&#34; /&#62;
  6. &#60;title&#62;Documento sin t&iacute;tulo&#60;/title&#62;
  7. &#60;/head&#62;
  8.  
  9. &#60;body&#62;
  10. &#60;p&#62;&#60;a name=&#34;arriba&#34;&#62;&Eacute;sto se llama "arriba"&#60;/a&#62;&#60;/p&#62;
  11. &#60;p&#62; &#60;/p&#62;
  12. &#60;p&#62; &#60;/p&#62;
  13. &#60;p&#62; &#60;/p&#62;
  14. &#60;p&#62; &#60;/p&#62;
  15. &#60;p&#62; &#60;/p&#62;
  16. &#60;p&#62; &#60;/p&#62;
  17.  
  18. &#60;p&#62;&#60;a href=&#34;#abajo&#34;&#62;&Eacute;ste link, te manda al "ancla" (<a>) con nombre "abajo"&#60;/a&#62;&#60;/p&#62;
  19. &#60;p&#62; &#60;/p&#62;
  20. &#60;p&#62; &#60;/p&#62;
  21. &#60;p&#62;&#60;a name=&#34;pepe&#34;&#62;&Eacute;ste se llama "pepe"&#60;/a&#62;&#60;/p&#62;
  22. &#60;p&#62; &#60;/p&#62;
  23. &#60;p&#62; &#60;/p&#62;
  24. &#60;p&#62; &#60;/p&#62;
  25. &#60;p&#62; &#60;/p&#62;
  26. &#60;p&#62; &#60;/p&#62;
  27. &#60;p&#62;&#60;a href=&#34;#pepe&#34;&#62;&Eacute;ste link, te manda al "ancla" (<a>) con nombre "pepe"&#60;/a&#62;&#60;/p&#62;
  28. &#60;p&#62; &#60;/p&#62;
  29. &#60;p&#62; &#60;/p&#62;
  30. &#60;p&#62; &#60;/p&#62;
  31. &#60;p&#62; &#60;/p&#62;
  32. &#60;p&#62; &#60;/p&#62;
  33. &#60;p&#62;&#60;a href=&#34;#arriba&#34;&#62;&Eacute;ste link, te manda al "ancla" (<a>) con nombre "arriba"&#60;/a&#62;&#60;/p&#62;
  34. &#60;p&#62; &#60;/p&#62;
  35. &#60;p&#62; &#60;/p&#62;
  36. &#60;p&#62; &#60;/p&#62;
  37. &#60;p&#62; &#60;/p&#62;
  38. &#60;p&#62;  &#60;/p&#62;
  39. &#60;a name=&#34;abajo&#34;&#62;&Eacute;ste es "abajo".&#60;/a&#62;
  40. &#60;/body&#62;
  41. &#60;/html&#62;
  42.  
  43.  

Sorry por la prisa  :ph34r:
Título: Re: Usar Anclas.
Publicado por: Punk_Soft en Martes 10 de Octubre de 2006, 22:06
Thank's  :)

Funcionan a la perfeccion, ahora si comprendi lo que tratabas de decirme  :smartass:

Bueno, pero tengo una duda mas compleja que si se puede decir digamos que quiero hacer un Link externo a otra web y ubicarse justamente en el centro del documento o en el parrafo que quisiera que vean. No se si me entendieron  :lol:

Bueno gracias.

Greetings:::
Título: Re: Usar Anclas.
Publicado por: ibito en Martes 10 de Octubre de 2006, 23:16
Apenas que en la página a la que quieres enviar, existan anclas en las partes que quieres... usando un el nombre del ancla... se usa aquí en éstos foros, no se si haz visto a veces la barra de direcciones, dice algo asi como #getnewpost... que supongo que php lo genera dependiendo del último post del topic...