 |
Curso de HTML - Anclas llamadas desde otra página
¿ Qué es HTML?
Estructura interna
Salto de línea
Párrafo
Títulos
Enfasis
Hipervínculo a otra página
Hipervínculo a otro sitio WEB
Imágenes en una página
Hipervínculo en una imagen
Apertura de un hipervínculo en otra instancia del navegador
Enlace a un correo
Anclas en la misma página
Anclas en la otra página
Lista ordenada
Lista no ordenada
Lista de definiciones
Listas anidadas
Tablas
Tabla con encabezado
Tabla con título
Combinación de celdas
Titulo de la pagina
Contenido de la cabecera
Comentarios en una página
Caracteres especiales
Formulario form
Formulario input
Formulario texarea
Formulario checkbox
Formulario radio
Formulario Select 1
Formulario Select 2
Formulario Select 3
Formulario Button
Formulario Button 2
Formulario type=
Formulario - input type=
Formulario - agrupamiento de controles
Formulario - controles con valores iniciales
Formulario - orden de foco de controles
Formulario - Inhabilitar controles
Formulario - Text/password y maxlength
Formulario - text/password/textarea y readonly
Formulario - Envío de datos mediante mail
Formulario - label
Frames
Actualización de un frame
Frames - Medidas
Frames - propiedades
Frames - Anidamiento
iframes
Declaración DOCTYPE
HTML Transitional
DOCTYPE. HTML Estricto
DOCTYPE. para Frames
Validación de enlaces
Conceptos hojas de estilo
Texto en CSS
Elementos div y span
Fuentes con CSS
Elementos obsoletos de html
Anclas llamadas desde otra página
Ya hemos aprendido a enviar a las visitas a una página u otra de nuestra web. Pero en ocasiones, tenemos páginas con un contenido tan grande que nos interesa enviar a estas visitas no a una página sino a una "parte" concreta de una página de nuestra web. Si en lugar de querer enviar a las visitas a una parte concreta de esa misma página, quieres enviarlas a una parte concreta de otra página de tu web, has de definir ese ancla en la página y lugar que quieres elegir de destino
También es perfectamente válido la llamada a anclas desde otra página (no importa si se encuentra en el mismo sitio o en otro)
Debemos conocer el nombre de la página a llamar y el nombre del ancla, luego la sintaxis para la llamada al ancla es:
<a href="pagina2.html#introduccion">
Introducción</a>
Es decir luego del nombre de la página que llamamos disponemos el caracter # y seguidamente el nombre del ancla.
Confeccionemos dos página y que la primera llame a diferentes anclas definidas en la segunda: pagina_14.html
<html>
<head>
</head>
<body>
<h1>Tutorial de MySQL</h1>
<a href="página_14_2.html#introduccion">Introducción</a><br>
<a href="página_14_2.html#mostrarbasedatos">show databases</a><br>
<a href="página_14_2.htmll#creaciontabla">Creación de una tabla y mostrar sus campos</a><br>
<a href="página_14_2.html#cargarregistros">Carga de registros a una tabla y su recuperación</a><br>
</body>
</html>
<head>
</head>
<body>
<h1>Tutorial de MySQL</h1>
<a href="página_14_2.html#introduccion">Introducción</a><br>
<a href="página_14_2.html#mostrarbasedatos">show databases</a><br>
<a href="página_14_2.htmll#creaciontabla">Creación de una tabla y mostrar sus campos</a><br>
<a href="página_14_2.html#cargarregistros">Carga de registros a una tabla y su recuperación</a><br>
</body>
</html>
página_14_2.html
<html>
<head>
</head>
<body>
<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 ysqlya.com.ar está instalado sobre un servidor Linux por lo que todos los ejercicios deberán respetarse mayúsculas y minúsculas. </p>
<a href="pagina_14.html">Retornar</a><br>
<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>
<pagina_14.html>Retornar</a><br>
<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 href="pagina_14.html">Retornar</a><br>
<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>
<a href="pagina_14.html">Retornar</a><br>
</body> </html>
<head>
</head>
<body>
<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 ysqlya.com.ar está instalado sobre un servidor Linux por lo que todos los ejercicios deberán respetarse mayúsculas y minúsculas. </p>
<a href="pagina_14.html">Retornar</a><br>
<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>
<pagina_14.html>Retornar</a><br>
<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 href="pagina_14.html">Retornar</a><br>
<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>
<a href="pagina_14.html">Retornar</a><br>
</body> </html>
<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>Intrducción</h2> <p>Como podemos observar la definción del ancla se hace inmediatamente anterior al título donde queremos que el navegador se sitúe.