a modo de presentación: mi nombre
es Orlando Cárdenas uno de los autores que estará subiendo contenido a
este blog para facilitarles el comienzo en el mundo de la programación
web comenzando por el lenguaje html, Es usado para describir la
estructura y el contenido en forma de texto,
así como para complementar el texto con objetos tales como imágenes. El
html se escribe en forma de «etiquetas», rodeadas por corchetes
angulares (<,>).
html también puede describir, hasta un cierto punto, la apariencia de
un documento, y puede incluir un script (por ejemplo javascript), el
cual puede afectar el comportamiento de navegadores web y otros
procesadores de html.
a continuación se muestra como crear un ancla en alguna sección de la pagina o sitio web.
Usando las anclas o anclajes puedes hacer que cuando las visitas
pulsen sobre ese enlace, la ventana del navegador corra hacia esa parte
concreta de la misma página o bien, pase a otra página distinta, pero no
a su comienzo, sino a la parte media o a la parte que tú desees de esa
otra página.
Para verlo más claro aún. Imagina que en una misma página de tu web
hablas de películas de acción, y luego, debajo, de películas de humor, y
bajo ésta parte, de películas de ciencia ficción. Si defines un ancla o
un anclaje en cada uno de sus títulos puedes luego colocar vínculos de
modo que al pulsarlos se dirija justo a esa parte de la página. Si
defines un ancla al principio del contenido y colocas un enlace en la
parte inferior indicando "Ir al principio de la página", al pulsarlo se
dirigirá automáticamente a la parte superior, aún siendo la misma
página. Bien, pues vamos a ver cómo se hace esto.
Para empezar hay que definir esa parte a la que quieres enviar a las
visitas cuando hagan clic sobre ese enlace que pondremos después. Por
ejemplo, veamos cómo se define un ancla en la parte superior.
Basta con colocar esta línea de código en la parte correspondiente:
<a name="arriba"></a>
Con esto definimos un lugar al que podemos enviar a las visitas si
pulsan el enlace que luego veremos cómo colocar. Si ahora en la parte
inferior colocamos otra línea como esta:
<a name="abajo"></a>
tendremos la posibilidad de poder enviarlas también a la parte baja de esa página web.
Ahora falta colocar el propio enlace. Si queremos enviar a las
visitas a la parte superior, lo normal es colocar el enlace en la parte
inferior. Esto se puede hacer con por ejemplo
esta línea de Html:
<a href="#arriba" title="Ir Arriba">Ir arriba</a>
Del mismo modo, podríamos colocar arriba de la página otro enlace que permitiera a las visitas ir al parte inferior:
<a href="#abajo" title="Ir Abajo">Ir abajo</a>
Si en una página de tu web escribes mucho texto y tiene digamos 3
partes diferenciadas (3 títulos por ejemplo) podrías definir un ancla en
cada uno de esos títulos, y luego colocar un menú en la parte inferior,
o en la parte superior, o en ambas, dando la opción a las visitas a
dirigirse, dentro de esa misma página, a la sección que deseen.
la pagina quedaria de esta forma:
<html>
<head>
<title></title>
</head>
<body>
<a name="arriba"></a>
<h1>aquí va un titulo</h1>
<p>aquí va un párrafo</p>
<a href="#arriba" title="ir arriba"> Ir arriba</a>
</body>
</html>
No hay comentarios:
Publicar un comentario