La etiqueta div, o capa tambien llamada, nos sirver para delimitar una zona, en la que podremos poner otros elementos html, u otras capas.
la estructura de una capa es donde podemos ver los tag que se pueden utilizar, y los eventos asociados a este elemento:
| TAGS | ||
| [id] | identificador que tiene que ser unico para acceder a el elemento | id=»nombre_div» |
| [class] | clase que tiene el elemento para poder darle estilos | class=»nombre_class» |
| [style] | para poner estilos en linea, no es lo recomendado, lo mejor es poner un class y darle estilos a ese class | style=»background-color:white;» |
| [title] | titulo del elemento | title=»Este es el titulo de div» |
| EVENTOS | ||
| onclick | ejecuta el evento cuando se realiza un click sobre el elemento. | onclick=»llamada_onclik();» |
| ondblclick | ejecuta el evento cuando se realiza un doble click sobre el elemento. | ondblclick=»llamada_ondblclik();» |
| onmousedown | ejecuta el evento cuando el puntero del mouse se encuentra sobre el elemento y se suelta un botón del mouse. | onmousedown=»llamada_onmousedown();» |
| onmouseup | ejecuta el evento cuando el botón del mouse se suelta sobre el elemento. | onmouseup=»llamada_onmouseup();» |
| onmouseover | ejecuta el evento cuando el mouse es puesto sobre el elemento. | onmouseover=»llamada_onmouseover();» |
| onmousemove | ejecuta el evento cuando el mouse es movido mientras está sobre el elemento. | onmousemove=»llamada_onmousemove();» |
| onmouseout | ejecuta el evento cuando el mouse se quita de encima de un documento. | onmouseout=»llamada_onmouseout();» |
| onkeypress | ejecuta el evento cuando una tecla es presionada y luego soltada mientras el elemento tiene el enfoque. | onmouseout=»llamada_onmouseout();» |
| onkeydown | ejecuta el evento cuando una tecla es presionada mientras el elemento tiene el enfoque. | onkeydown=»llamada_onkeydown();» |
| onkeyup | ejecuta el evento cuando una tecla es solatada mientras el elemento tiene el enfoque | onkeyup=»llamada_onkeyup();» |
aquí ponemos enlaces interesantes para poder realizar ciertas acciones con los div:
