Revista Informática

Curso de HTML, Tema 6

Publicado el 17 diciembre 2013 por Liher

En este nuevo tema del curso de HTML voy a tratar de las anclas dentro de una pagina web. Es algo que no se usa mucho, pero que nos puede resultar útil. Sobre todo se usan cuando queremos escribir un texto muy largo dentro de una pagina web y queremos  dividirlo en secciones y dar la posibilidad al usuario que visite nuestra web de ir a una sección o a otra.

Las anclas con enlaces a partes de una pagina web y lo mejor para entenderlas es hacer un ejemplo. La siguiente pagina tiene tres anclas que nos llevaran a la parte de la pagina en la cual se trata sobre un tema en concreto:

 

<html>

<head></head>

<body>

<h1>Pagina de ejemplo para las anclas</h1>
<a href=”#Windows”>Windows</a><br>
<a href=”#Linux”>Linux</a><br>
<a href=”#MACOS”>MACOS</a><br>

<h2>Windows</h2>
<a name=”Windows”></a>
<p>Este es un texto de ejemplo que solo sirve para ocupar espacio en la pagina del navegador web que estemos usando para visualizar la pagina en cuestión. Solo quiero poner este texto para rellenar por que en el momento en el cual estaba haciendo esta pagina de ejemplo no tenia conexión a Internet y no podía coger ningún texto, pero en cuanto tenga conexión a Internet lo cogeré y lo pondré aquí para que el relleno que pretendo poner sea algo mas decente.</p>

<p>Este es un texto de ejemplo que solo sirve para ocupar espacio en la pagina del navegador web que estemos usando para visualizar la pagina en cuestión. Solo quiero poner este texto para rellenar por que en el momento en el cual estaba haciendo esta pagina de ejemplo no tenia conexión a Internet y no podía coger ningún texto, pero en cuanto tenga conexión a Internet lo cogeré y lo pondré aquí para que el relleno que pretendo poner sea algo mas decente.</p>

<p>Este es un texto de ejemplo que solo sirve para ocupar espacio en la pagina del navegador web que estemos usando para visualizar la pagina en cuestión. Solo quiero poner este texto para rellenar por que en el momento en el cual estaba haciendo esta pagina de ejemplo no tenia conexión a Internet y no podía coger ningún texto, pero en cuanto tenga conexión a Internet lo cogeré y lo pondré aquí para que el relleno que pretendo poner sea algo mas decente.</p>

<p>Este es un texto de ejemplo que solo sirve para ocupar espacio en la pagina del navegador web que estemos usando para visualizar la pagina en cuestión. Solo quiero poner este texto para rellenar por que en el momento en el cual estaba haciendo esta pagina de ejemplo no tenia conexión a Internet y no podía coger ningún texto, pero en cuanto tenga conexión a Internet lo cogeré y lo pondré aquí para que el relleno que pretendo poner sea algo mas decente.</p>

<h2>Linux</h2>
<a name=”Linux”></a>

<p>Este es un texto de ejemplo en el cual quiero hablar sobre Linux y que voy a aprovechar para rellenar el espacio que necesito para hacer una pagina de ejemplo con las anclas y así lo puedo mostrar de una forma mas clara y sencilla. Linux es uno de los mejores sistemas operativo que se pueden usar y va orientado a todos aquellos usuarios que quieran aprovechar al máximo sus ordenadores con un rendimiento óptimo. </p>

<p>Este es un texto de ejemplo en el cual quiero hablar sobre Linux y que voy a aprovechar para rellenar el espacio que necesito para hacer una pagina de ejemplo con las anclas y así lo puedo mostrar de una forma mas clara y sencilla. Linux es uno de los mejores sistemas operativo que se pueden usar y va orientado a todos aquellos usuarios que quieran aprovechar al máximo sus ordenadores con un rendimiento óptimo. </p>

<p>Este es un texto de ejemplo en el cual quiero hablar sobre Linux y que voy a aprovechar para rellenar el espacio que necesito para hacer una pagina de ejemplo con las anclas y así lo puedo mostrar de una forma mas clara y sencilla. Linux es uno de los mejores sistemas operativo que se pueden usar y va orientado a todos aquellos usuarios que quieran aprovechar al máximo sus ordenadores con un rendimiento óptimo. </p>

<p>Este es un texto de ejemplo en el cual quiero hablar sobre Linux y que voy a aprovechar para rellenar el espacio que necesito para hacer una pagina de ejemplo con las anclas y así lo puedo mostrar de una forma mas clara y sencilla. Linux es uno de los mejores sistemas operativo que se pueden usar y va orientado a todos aquellos usuarios que quieran aprovechar al máximo sus ordenadores con un rendimiento óptimo. </p>

<h2>MACOS</h2>
<a name=”MACOS”></a>

<p>Este es un texto de ejemplo que solo sirve para ocupar espacio en la pagina del navegador web que estemos usando para visualizar la pagina en cuestión. Solo quiero poner este texto para rellenar por que en el momento en el cual estaba haciendo esta pagina de ejemplo no tenia conexión a Internet y no podía coger ningún texto, pero en cuanto tenga conexión a Internet lo cogeré y lo pondré aquí para que el relleno que pretendo poner sea algo mas decente.</p>

<p>Este es un texto de ejemplo que solo sirve para ocupar espacio en la pagina del navegador web que estemos usando para visualizar la pagina en cuestión. Solo quiero poner este texto para rellenar por que en el momento en el cual estaba haciendo esta pagina de ejemplo no tenia conexión a Internet y no podía coger ningún texto, pero en cuanto tenga conexión a Internet lo cogeré y lo pondré aquí para que el relleno que pretendo poner sea algo mas decente.</p>

<p>Este es un texto de ejemplo que solo sirve para ocupar espacio en la pagina del navegador web que estemos usando para visualizar la pagina en cuestión. Solo quiero poner este texto para rellenar por que en el momento en el cual estaba haciendo esta pagina de ejemplo no tenia conexión a Internet y no podía coger ningún texto, pero en cuanto tenga conexión a Internet lo cogeré y lo pondré aquí para que el relleno que pretendo poner sea algo mas decente.</p>

<p>Este es un texto de ejemplo que solo sirve para ocupar espacio en la pagina del navegador web que estemos usando para visualizar la pagina en cuestión. Solo quiero poner este texto para rellenar por que en el momento en el cual estaba haciendo esta pagina de ejemplo no tenia conexión a Internet y no podía coger ningún texto, pero en cuanto tenga conexión a Internet lo cogeré y lo pondré aquí para que el relleno que pretendo poner sea algo mas decente.</p>
</body>

</html>

 

Si ejecutáis esta pagina en un navegador se vera todo el texto, y al principio se vera un indice con tres opciones, cada opción sera un enlace a cada parte de la pagina, pinchando en el accederemos a dicha parte de la pagina.

 

anclas-html

 

También se pueden utilizar las anclas con otras paginas, solo habría que poner la ruta exacta en los “href” de los enlaces, al inicio del código de la pagina. No voy a hacer mas hincapié en esto ya que es algo que no se usa actualmente y simplemente pretendía que supieseis lo que es por si lo veis en alguna web.

Si te ha gustado el contenido o te ha servido para algo compártelo en las redes sociales y así puede que le sirva también a otra persona, muchas gracias.


Volver a la Portada de Logo Paperblog