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. | > |
| 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:
/* sin diferencias entre vertical y horizontal */@media only screenand (min-width: 768px)and (max-width: 1024px){ /*…
Vamos a ver las principales funciones para tratar cadenas o strings en php. Concatenar dos…
Lo primero que vamos ha hacer es definir que es una cookie: "Una cookie, galleta…
En los formularios de Symfony2 con twig, pondemos añadir campos de texto, nuemericos, combos y…
Instalar symfony2 en rápidamente windows 7 y windows 10 requiere de varios pasos que iremos…
Para quitar de la url de nuestro symfony2 el app_dev.php modificaremos del .htaccess que lo…