ETIQUETA DIV.


En la clase, el profesor explicó la correcta realización del proyecto y nos dio las pautas necesarias para la  elaboración de éste, dándonos como ejemplo su template.


ETIQUETA DIV:

Etiqueta de apertura<div>
Etiqueta de cierre</div>


Definición

La etiqueta <div> se utiliza para definir una sección dentro del documento.

Esta etiqueta se usa comunmente para agrupar un bloque de elementos, para luego añadirle un estilo determinado.

Ejemplo

Código
<div style="color:red">
   <h3>Grupo 1</h3>
   <p>Este bloque tiene definido el texto de color rojo.</p>
</div>
<div style="color:green">
   <h3>Grupo 2</h3>
   <p>Este bloque tiene definido el texto de color verde.</p>
</div>
Resultado

Grupo 1

Este bloque tiene definido el texto de color rojo.

Grupo 2

Este bloque tiene definido el texto de color verde.

Atributos Estándard de la Etiqueta <div>

Estos atributos son soportados por todos los navegadores

 Internet Explorer -  Firefox - Google Chrome - Opera - Safari  

AtributosValorDescripción
classnombre de la claseAsigna un nombre de clase.
El atributo class actúa:
  • Como selector para las hojas de estilo(CSS), cuando se asigna información de estilo a un conjunto de elementos.
  • Para procesos generales por parte del usuario.
idnombreAsigna un nombre a un elemento.
El atributo id actúa:
  • Como selector para las hojas de estilo(CSS).
  • Como vínculo destino para vínculos de hipertexto.
  • Como medio de hacer referencia a un elemento en particular desde un script.
  • Como nombre de un elemento object declarado.
  • Para procesos generales por parte del usuario.
styleestiloEste atributo especifica información de estilo para el elemento actual.
titlenombreEste atributo ofrece información consultiva sobre el elemento para el cual se establece.
dirltr o rtlEspecifica la dirección del texto.
Valores posibles:
  • ltr : De izquierda a derecha (left tright).
  • rtl : De derecha a izquierda (right tleft).
langcódigo de lenguajeEspecifica el idioma base de los valores de los atributos y del texto contenido en un elemento.
El atributo lang es útil para:
  • Ayudar a los motores de búsqueda.
  • Ayudar a los sintetizadores de voz.
  • Ayudar al agente de usuario a hacer decisiones sobre separación de palabras, ligaduras, y espaciado.
  • Ayudar a los verificadores de ortografía y gramática.


Eventos de la Etiqueta <div>


Los eventos son soportados por todos los navegadores

Internet Explorer -  Firefox - Google Chrome - Opera - Safari   
EventoValorDescripción
onkeydownscriptEl script corre cuando se pulsa una tecla.
onkeypressscriptEl script corre cuando se pulsa y se suelta una tecla.
onkeyupscriptEl script corre cuando una tecla se suelta.
onclickscriptEl script corre cuando se hace clic con el mouse.
ondblclickscriptEl script corre cuando se hace doble clic con el mouse.
onmousedownscriptEl script corre cuando el botón del mouse se pulsa cuando está encima de un elemento.
onmousemovescriptEl script corre cuando el mouse se mueve mientras está sobre un elemento.
onmouseoutscriptEl script corre cuando el mouse se aparta de un elemento.
onmouseoverscriptEl script corre cuando el mouse se sitúa sobre un elemento.
onmouseupscriptEl script corre cuando el botón del mouse se suelta cuando está encima de un elemento.






Comentarios

Entradas más populares de este blog

TABLA ASCII

CAJA DE TEXTO EN HTML.

3. REGLAS Y ETIQUETAS DEL HTML.