“Conocimientos Programación>Lenguajes De Programación

Cómo escribir DIV etiquetas

2016/5/12
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í :

Conocimientos Informáticos © http://www.ordenador.online