6 - Anclas

Otra posibilidad que nos brinda el HTML es disponer una referencia dentro de la página para poder posteriormente disponer un hipervínculo a dicha marca.

Es una práctica común cuanda queremos desplazarnos dentro de una página de gran tamaño. Se disponen hipervínculos a diferentes anclas.

La sintaxis para definir un ancla es:

<a name="nombreancla"></a>  

No debemos confundir un ancla con un hipervínculo, más alla que se utiliza el mismo elemento a. Para un ancla inicializamos la propiedad name con el nombre del ancla.

Un ancla se la define en una parte de la página que queremos que el operador llegue a partir de un hipervínculo.

Ahora la sintaxis para ir a un ancla desde un hipervínculo es la siguiente:

<a href="#nombreancla">Introducción</a><br> 

Vemos que en la propiedad href indicamos el nombre del ancla.

Haremos un ejemplo, donde dispondremos una lista de hipervínculos que llaman a una serie de anclas dispuestas en la misma página:

<!DOCTYPE html>
<html>
    <head>
        <title>Título de la página</title>
        <meta charset="UTF-8">
    </head>
    <body>
        <h1>Tutorial de MySQL</h1>
        <a href="#introduccion">Introducción</a><br>
        <a href="#mostrarbasedatos">show databases</a><br>
        <a href="#creaciontabla">Creación de una tabla y mostrar sus campos</a><br>
        <a href="#cargarregistros">Carga de registros a una tabla y su recuperación</a><br>
        <a name="introduccion"></a>
        <h2>Introducción</h2>
        <p>
        SQL, Structure Query Language (Lenguaje de Consulta Estructurado) es un lenguaje de programacion para
        trabajar con base de datos relacionales como MySQL, Oracle, etc.<br>
        MySQL es un interpretador de SQL, es un servidor de base de datos.<br>
        MySQL permite crear base de datos y tablas, insertar datos, modificarlos, eliminarlos, ordenarlos,
        hacer consultas y realizar muchas operaciones, etc., resumiendo: administrar bases de datos.<br>
        Ingresando instrucciones en la linea de comandos o embebidas en un lenguaje como PHP nos comunicamos
        con el servidor. Cada sentencia debe acabar con punto y coma (;).<br>
        La sensibilidad a mayúsculas y minúsculas, es decir, si hace diferencia entre ellas, depende del
        sistema operativo, Windows no es sensible, pero Linux si. Por ejemplo Windows interpreta igualmente
        las siguientes sentencias:<br>
        create database administracion;<br>
        Create DataBase administracion;<br>
        Pero Linux interpretará como un error la segunda.<br>
        Se recomienda usar siempre minúsculas. Es más el sitio mysqlya.com.ar está instalado sobre un servidor
        Linux por lo que todos los ejercicios deberán respetarse mayúsculas y minúsculas.
        </p>
        <a name="mostrarbasedatos"></a>
        <h2>show databases</h2>
        <p>
        Una base de datos es un conjunto de tablas.<br>
        Una base de datos tiene un nombre con el cual accederemos a ella.<br>
        Vamos a trabajar en una base de datos ya creada en el sitio, llamada "administracion".<br>
        Para que el servidor nos muestre las bases de datos existentes, se lo solicitamos enviando la instrucción:<br>
        show databases;<br>
        Nos mostrará los nombres de las bases de datos, debe aparecer en este sitio "administracion".<br>
        </p>
        <a name="creaciontabla"></a>
        <h2>Creación de una tabla y mostrar sus campos</h2>
        <p>
        Una base de datos almacena sus datos en tablas.<br>
        Una tabla es una estructura de datos que organiza los datos en columnas y filas; cada columna es un campo
        (o atributo) y cada fila, un registro. La intersección de una columna con una fila, contiene un dato
        específico, un solo valor.<br>
        Cada registro contiene un dato por cada columna de la tabla.<br>
        Cada campo (columna) debe tener un nombre. El nombre del campo hace referencia a la información que
        almacenará.<br>
        Cada campo (columna) también debe definir el tipo de dato que almacenará.<br>
        </p>
        <a name="cargarregistros"></a>
        <h2>Carga de registros a una tabla y su recuperación</h2>
        <p>
        Usamos "insert into". Especificamos los nombres de los campos entre paréntesis y separados por comas
        y luego los valores para cada campo, también entre paréntesis y separados por comas.<br>
        Es importante ingresar los valores en el mismo orden en que se nombran los campos, si ingresamos
        los datos en otro orden, no aparece un mensaje de error y los datos se guardan de modo 
        incorrecto.<br>
        Note que los datos ingresados, como corresponden a campos de cadenas de caracteres se colocan
        entre comillas simples. Las comillas simples son OBLIGATORIAS.
        </p>
    </body>
</html> 

Cada hipervínculo hace referencia a un ancla que se encuentra en la misma página:

<a href="#introduccion">Introducción</a><br>
<a href="#mostrarbasedatos">show databases</a><br>
<a href="#creaciontabla">Creación de una tabla y mostrar sus campos</a><br>
<a href="#cargarregistros">Carga de registros a una tabla y su recuperación</a><br> 

Luego la definición de las anclas son:

<a name="introduccion"></a>
<h2>Introducción</h2> 

Como podemos observar la definción del ancla se hace inmediatamente anterior al título donde queremos que el navegador se sitúe.