Ir al principio y al final de una página web Noviembre 10, 2006
Publicado por lineadecodigo en : HTML , trackbackSiempre tenemos que buscar que el usuario se sienta comodo en nuestras páginas web. Para ello debemos de propocionarle enlaces que le permitan navegar a la página principal, a las categorias principales,... y sobre todo, si la página que tenemos es muy grande, deberemos facilitarle que suba al principio de la página sin que tenga que arrastrar el dichoso cursor.
En este punto hay que comentar que esta situación no debería de darse mucho. No nos interesa que haya páginas kilométricas. Por varias cosas, por ejemplo, porque el usuario no va a entender tanta información de golpe, posiblemente una lectura en varias páginas ayudará al lector, por el tamaño de la página. Cuanto má texto tenga la página, más pesará, lo cual hará más costosa la descarga de la página al navegador.
Pero independientemente de lo grande que sea la página, siempre deberemos de facilitar ir al principio de esta.
Para poder realizar esto utilizaremos la etiqueta <A>. Y es que el "ancla" no solo nos sirve para enlazar páginas, sino para señalar un punto específico de esta.
Así, si queremos señalar un punto en concreto utilizaremos el atributo name.
<A NAME="arriba"/>
Si ponemos este código en el principio de la página podremos hacer enlaces que nos posicionen el navegador en él. Lo mismo nos servirá si lo ponemos en cualquier parte de la página web, con cualquier otro nombre.
Así, en la parte inferior de nuestra página, podríamos poner el siguiente ancla:
<A NAME="abajo"/>
Lo que vendrá a hacer referencia a la parte de abajo de la página.
Ahora solo nos quedará el crear los enlaces. Para crear un enlace se utiliza la misma etiqueta <A>, pero en vez de con el atributo name, utilizaremos el atributo href.
<A href="pagina.htm">Texto del enlace</A>
En la línea de código que acabamos de escribir se hace un enlace a una página en concreto. Si queremos hacer referencia a una parte de la página, es decir, a una parte definida mediante el name de la etiqueta <A> , deberemos de utilizar la almohadilla despues del nombre de la página.
<A href="pagina.htm#arriba">Texto del enlace</A>
Si la parte de la página es en la misma página que en la que estamos insertando el enlace, podremos obviar el nombre de la página:
<A href="#arriba">Texto del enlace</A>
Nuestro ejemplo de ir al principio y al final nos quedará de la siguiente forma:
<HTML> <HEAD><TITLE>Ir al principio y al final</TITLE></HEAD> < BODY> <A NAME="arriba"> <A href="#abajo">Ir a la parte de abajo</A> <BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/> <BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/> <BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/> <BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/> <BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/> <BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/> <A href="#arriba">Ir a la parte de arriba</A> <A NAME="abajo"> </BODY> </HTML>
Solamente tenemos que copiar este código en un fichero que llamaremos PrincipioYFin.htm.
Articulos Similares:
- Enlace a una parte concreta de la página
- Hipervinculos: enlazar dos páginas web
- Obtener el contenido de un elemento conociendo su TAG
- Boton con imagen de fondo en CSS
- NOFRAMES: Contenido alternativo a los frames
Enviar entrada por email
| 
Imprimir
| 4992 visitas
(1 votos, media: 2.00 de 5)
Loading ...
Comentarios»
pues nada, que mi novia no entendia esto los enlaces y se lo explique con esto, pero sobre todo nos ponemos la interrogante de porque vinculos para ir al inicio y al final de la pagina, mejor unos marcos
pero en fin…
Muchas gracias por tu contribución , gracias de corazón. me ha servido mucho tu ayuda. que Dios te vendiga
muchas gracias, me sirvio mucho !!
favor enviarme una pizza