Beruflich Dokumente
Kultur Dokumente
Capa <div>
Las capas no son más que unos recuadros, que pueden situarse en cualquier parte de la
página, en los que podemos insertar contenido HTML. Dichas capas pueden ocultarse y
solaparse entre sí, lo que proporciona grandes posibilidades de diseño.
Podemos insertar una capa a través de las etiquetas <div> y </div>, que como ya vimos,
sirven para agrupar bloques de texto.
El primer valor ha de ser la distancia (se asume que está en píxeles) del margen superior,
hasta la que no se visualizará el contenido de la capa.
El tercer valor ha de ser la distancia del margen superior, hasta la que se visualizará el
contenido de la capa.
El cuarto valor ha de ser la distancia del margen izquierdo, hasta la que se visualizará el
contenido de la capa.
También es posible incluir auto como valor de alguna de estas distancias, lo que indica que
la distancia se corresponderá con los bordes de la capa.
Todas estas propiedades se especifican a través del atributo style, y deben aparecer entre
comillas dobles, con un punto y coma detrás de cada una. Para asignar los valores a las
propiedades no se utiliza el símbolo = (igual), sino que se utiliza el símbolo : (dos puntos).
Otra forma de insertar capas es utilizando las etiquetas <span> y </span>, en lugar de las
etiquetas <div> y </div>.
La etiqueta <span> se utiliza del mismo modo que la etiqueta <div>, y es compatible con
un mayor número de navegadores.
También existen las etiquetas <layer> y </layer>, pero solamente son reconocidas por el
navegador Netscape.
La principal diferencia de la etiqueta <layer>, en lo que se refiere a las otras dos, es que las
propiedades de la capa se especifican como atributos independientes, y no como valores dentro
del atributo style.
A través del atributo language hay que especificar el lenguaje de script, que en este caso
será JavaScript.
Entre las etiquetas <script> y </script> habrá que insertar las funciones JavaScript.
En las funciones no hay que insertar caracteres especiales, debido a un fallo de Netscape
corremos el riesgo de que al ejecutarse la función en un ordenador con un juego de caracteres
distinto se produzcan fallos.
<script>
<!--
function Muestramensaje()
{
alert("Esto es un mensaje, activado por una función javascript");
}
//-->
</script>
La función que hemos insertado es una función muy sencilla, que muestra un mensaje de
alerta.
A través del atributo onClick hemos definido la función que será llamada al pulsarse sobre
el objeto.
Podemos utilizar muchos otros atributos para llamar a funciones, como pueden
ser onDblClick (al hacer doble clic), onMouseOver (mientras el cursor este encima)
o onMouseOut (cuando el cursor deje de estar encima)