ANCLAS.


ANCLAS EN HTML

Las anclas se utilizan comúnmente cuando deseas hacer referencias rápidas hacia tu misma página y siempre constan de dos partes: el punto de anclaje o ancla y la liga que busca a esa ancla.

Por ejemplo, cuando tienes un texto muy largo y deseas volver al inicio sin tener que utilizar los botones de desplazamiento, puedes colocar un ancla en la parte superior de la página, y una liga en la parte final del documento que apunte al ancla.

Cabe mencionar que las anclas son elementos invisibles dentro de la forma visual del documento, ya que permanecen ocultas a simple vista pero están presentes dentro del código.

Primero que nada para definir un vínculo de tipo ancla, debes establecer el punto de anclaje, es decir, el lugar a donde va a llegar la liga. Generalmente el ancla se coloca cerca del lugar a dónde quieres que se dirija la liga.
La etiqueta que se utiliza en estos casos es: <A name="**"></A>, donde ** es el nombre de el ancla. Recuerda que el ancla es invisible en el documento, sólo podrás verlo dentro del código.
Ejemplo:
<A name="marcador01"></A>
Como segundo paso, deberás crear una liga o enlace que apunte hacia el ancla, lo cual puedes hacer siguiendo los pasos de "Agregar ligas a un texto o una imagen" descritos anteriormente.
El formato del parámetro href, aparecerá de la siguiente manera:
<A href="#marcador01">...</A> 

Repasemos la forma para crear un ancla, con este ejemplo:
ANCLASanclas.html
<BODY bgcolor="#FFFFFF" text="#333333" link="#CC3300" vlink="#FF6600" alink="#CC3300">
<!--Este es el punto de anclaje o ancla-->
<A name="arriba"></A>
.... Texto y contenido de la página... Antes de finalizar aparece:
<!-Esta es la liga que va al punto de anclaje-->
<A href="#arriba">Regresar al t&iacute;tulo</A>
</BODY>
 TIPS
 Evita separar tus documentos html en distintas carpetas o fólders, porque puedes crear errores al ligar las páginas entre sí. Opta por colocar todas las páginas dentro del mismo directorio.
 Si vas a usar la liga para hacer referencia a un archivo local, es necesario que selecciones "other" en el tipo de la liga. Si vas a hacer una referencia a un vínculo externo, es decir, hacia otro sitio dentro de la Internet entonces tendrás que seleccionar la opción "http://" en el tipo de liga.

















Comentarios

Publicar un comentario

Entradas más populares de este blog

TABLA ASCII

Imagen
HEXADECIMALES: Se explicó el tema de hexadecimales y se realizaron ejercicios hexadecimales en clase. TABLA ASCII: ASCII  ( acrónimo   inglés  de  American Standard Code for Information Interchange  — Código Estándar Estadounidense para el Intercambio de Información), pronunciado generalmente  [áski]  o [ásci] o [ásqui], es un  código de caracteres  basado en el  alfabeto latino , tal como se usa en inglés moderno. Fue creado en  1963  por el Comité Estadounidense de Estándares (ASA, conocido desde 1969 como el Instituto Estadounidense de Estándares Nacionales, o  ANSI ) como una refundición o evolución de los conjuntos de códigos utilizados entonces en  telegrafía . Más tarde, en  1967 , se incluyeron las minúsculas, y se redefinieron algunos códigos de control para formar el código conocido como  US-ASCII . El código ASCII utiliza 7 bits para representar los caracteres, aunque inicialmente empleaba un bit adicional ( bit de paridad ) que se usaba para detectar erro
Leer más

CAJA DE TEXTO EN HTML.

CAJA DE TEXTO: Definición Llamamos campos de texto, dentro de un formulario, a los elementos que nos permiten recoger texto escrito por el usuario. En la pantalla se muestra una pequeña caja donde el usuario puede escribir el texto que pretende enviar. Podemos crear varios tipos de campos de texto, bien sea para introducir un dato simple (nombre, edad, dirección, correo electrónico, etc.) o para introducir un texto mas largo (comentarios, opiniones, etc.); también podemos crear un campo de texto para un dato simple, pero con el texto oculto, del tipo "contraseña". Delante o detrás de estos elementos debemos indicar, mediante el lenguaje HTML habitual para texto, el tipo de datos que queremos que el visitante nos proporcione, ya que los campos de texto son simplemente cajas, en las que escribir la información, la cual será enviada posteriormente. Como ya se dijo en la página anterior, todo el formulario debe ir dentro de las etiquetas  <form> ... </form
Leer más

3. REGLAS Y ETIQUETAS DEL HTML.

Imagen
REGLAS DE HTML: Obligatorio: delimitar el ámbito de las etiquetas (salvo excepciones) etiqueta interna se cierra antes que externa etiquetas a nivel de bloque pueden contener etiquetas a nivel de línea, pero no al revés etiquetas no sensitivas a mayúsculas en vez de espacios agregar raya al piso Pero no está de más cumplir además con XHTML: Cerrar todos los tags, ie: <p> ... </p>, <li> ... </li> Incluir marca de cierre para tags vacíos, ie: <hr />, <br /> Poner entre comillas todos los atributos, ie: <img src="miimagen.gif" /> Todos los tags en minúsculas Terminar con </html> ETIQUETAS HTML BÁSICAS: Etiquetas de formato de texto Salida Etiquetas requeridas El  texto  en negritas. El <B>texto</B> en negritas. El  texto  en itálicas. El <I>texto</I> en it&aacute;licas. El  texto  en formato teletipo. El <TT>texto</TT> en formato teletipo. El  te
Leer más