DHTML(HTML Dinamico)
Este es de los últimos temas antes de empezar con Javascript, el DHTMl, es una herramienta
de gran poder, para usarla con las etiquetas; SPAN y DIV.
Etiqueta SPAN
Esta etiqueta al igual que DIV soporta estilos y otros atributos, la principal diferencia
radica en que SPAN es usado para texto cortos ó incluso palabras, aquí tenes un ejemplo
de como se usa:
<SPAN STYLE="font-size: 15pt;color: fuchsia;font-family: Chiller">
texto con SPAN
<SPAN>
texto con SPAN
Etiqueta DIV
El DIV se usa como antes lo mencione para texto con mayor tamaño, la forma de usarlo es:
<div id="nombredeldiv" style="position:absolute;
top:400; left:100; width:300; background-color:silver; border-color:black; border-width:2; color:marron">
texto con DIV
<DIV>
texto con DIV
Atributos para DIV y Span
- Position:
absolute, la posición es de acuerdo al inicio (esquina superior izquierdo).
relative la posición se establece de acuerdo a la posición final del bloque exterior
(esquina superior derecho).
static los atributos top y left no se consideran.
- Left:
Es la distancia entre el borde izquierdo del elemento
y el borde izquierdo de otro elemento.
- Top
Distancia entre el borde superior
y el borde superior de otro elemento.
- Width
El ancho del elemento.
- Height
El alto del elemento.
- Clip
Es el área (generalmente un rectángulo)
por la cual se puede ver el contenido de un elemento.
clip:rect(top right bottom left).
clip.height Altura visible.
clip.width Ancho visible.
- Overflow
Se usa cuando el contenido de un elemento excede el tamaño del elemento.
Los valores para Overflow son: hidden(ocultar lo que sobre.), show(mostrar todo el contenido).
- Visibility
Es útil para esconder o mostrar un elemento.
los valores son: hidden o show.
- Z-Index
La propiedad Z-Index permite cambiar el orden de los elementos en pila(uno enzima de otro)
desplegando un nuevo elemento y escondiendo otro.
A mayor es Z-Index, mas escondido del ojo esta el elemento.
[email protected]
atras Indice siguiente