etiquetas DIV son el método principal de llevar hojas de estilo ( CSS ) en el código HTML. Antes de la CSS , los desarrolladores web utilizan marcos torpe y tablas complejas para organizar el diseño de su sitio. No sólo era engorroso , pero dejó de editar código confuso y difícil a su paso. Etiquetas DIV crean esencialmente un bloque de código (como cuadros de texto en un diseño de página ) . El aumento de la CSS ha permitido a los desarrolladores organizar más fácilmente la información en su sitio . Etiquetas DIV son el puente entre la CSS y HTML , con lo que el código CSS en las páginas reales . Cosas que necesitará preescrito código HTML Mostrar más instrucciones Definición de los atributos 1 encontrar la ubicación en el código donde desea insertar el tag DIV . Esto es por lo general dentro del cuerpo del código . Escriba lo siguiente en ese lugar :
< /div > 2 Definir la clase (opcional, para su uso con los estilos CSS predefinidos ) , escriba lo siguiente tras el primer " div ", donde " X " es el nombre de la clase : .
clase = " X"
se verá así :
< div . class = " yourclassname "> < /div >
3 Definir la identidad (opcional, debe ser único a este dIV en particular) , escriba lo siguiente tras la primera " div , " donde" X " es el identificador único:
id = X
se verá así :
< /div > . 4 Establecer la dirección del texto (opcional ) , escriba lo siguiente tras la primera " div ", donde " X" puede ser " rtl " (derecha a izquierda ) o " l " ( de izquierda a derecha) :
dir = " X "
se verá así :
< ;/div > . 5 Configurar el idioma (opcional ) , escriba lo siguiente tras la primera " div ", donde " X " es el código específico del lenguaje (por ejemplo , "en" para Inglés o "es" para español ) :
lang = " X"
se verá así :
< /div > ; . 6 Ajuste el idioma XHTML (opcional, sólo para documentos XHTML ) escribiendo lo siguiente tras la primera " div ", donde " X " es el código de idioma específico (por ejemplo , "en" para Inglés o "es" para español ) :
xml: lang = " X"
se verá así :
< div xml: lang = "en ». > < /div >
7 Especifique un título ( opcional, para la descripción adicional de la dIV ) , escriba lo siguiente tras la primera " div ", donde" X "es un corto título para que dIV :
título = " X"
se verá así :
< /div > . 8 Aplicar cualquier CSS atribuye directamente a la dIV (opcional ) , escriba lo siguiente tras la primera " div ", donde " X" es una serie de códigos CSS , cada una seguida por un punto y coma y un espacio :
estilo = " X"
se verá así :
< div style = "text -align : right ; background-color : white ; " > < /div > .
Definir los eventos
9 Ajuste el evento por los clics de ratón ( opcional) , escriba lo siguiente tras la primera " div , " donde" X "es el guión , " onclick "es un solo clic, " ondblclick " es un doble click, " onmousedown "es una pulsación de botón y" onmouseup " es una versión de botón del ratón :
onclick = " X"
ondblclick = " X"
onmousedown = " X"
onmouseup = " X"
se verá así :
< /div > 10 Ajuste el evento de ratón efectos de conversión ( opcional) , escriba lo siguiente tras la primera " div ", donde " X " es el guión " onmouseover " es cuando el ratón pasa sobre el dIV y " onmouseout " es cuando el ratón sale del dIV :
onmouseover = " X"
< p> onmouseout = " X"
se verá así :
< /div > 11 Ajuste el evento por los clics del teclado ( opcional ) escribiendo uno de los siguientes tras la primera " div ", donde " X " es el guión ", onkeydown " es cuando se pulsa una tecla , " onkeyup " es cuando se suelta una tecla , y " onkeypress " es cuando se pulsa una tecla y luego se libera :
onkeydown = " X"
onkeyup = " X"
onkeypress = " X"
se verá así :
< /div > < /div > o < div onkeypress = " yourscript "> < /div > .
|
