Revision 197000 of div

Enlace amigable (slug) de la revisión: HTML/Elemento/div
Título de la revisión: div
Id de la revisión: 197000
Creada: 16 ago. 2006 18:48:50
Creador: Jorolo
¿Es la revisión actual? No
Comentario creo página

Etiquetas:

Contenido de la revisión

Definición

Es un contenedor en bloque. Sirve para crear secciones o agrupar contenidos.

Sus etiquetas son: <div> y </div> (ambas obligatorias).

Crea una caja: en bloque.

Está definido como: Elemento en bloque.

Puede contener: Cero o más elementos en bloque o en en linea.

Atributos

Atributo	Valor		Descripción
Genéricos
`title`	Texto	Implícito	Título consultivo del elemento.
`style`	Declaraciones de estilo	Implícito	Información de estilo en línea.
`id`	Un 'nombre'	Implícito	Identificador único a nivel de documento.
`class`	Lista de clases CSS	implícito	Identificador a nivel de documento.
`dir`	Uno de los siguientes: `"ltr"` o `"rtl"`	Implícito	Dirección del texto.
`lang`	Código de idioma	Implícito	Información sobre el idioma.
Eventos: `onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.`
Específicos
`reserved`			Reservado para posible uso futuro (ya no).
De transición
`align`	Uno de los siguientes: "left", "center", "right", o "justify".	Implícito. left	Alineación del texto.
Atributo	Valor		Descripción

Ejemplos


 <div style="color: blue;">
  <h2>Ejemplo de div y span</h2>
   <p>
     Esto es un párrafo dentro de un div,
     <span style="color: red;"> y esto un span dentro de un párrafo.</span> 
   </p>
 </div>

Comentarios

Referencia

El elemento div en la especificación de html 4.01

secciones futuras: == Soporte de los navegadores == == Valores por defecto y visualización en Firefox ==

Este documento está siendo editado, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.

¿Quieres participar en la elaboración de este documento? Para saber como hacerlo consulta MDC:Como ayudar.

Fuente de la revisión

<p>
{{template.Elementos_HTML()}}
</p>
<h3 name="Definici.C3.B3n">Definición</h3>
<p>Es un contenedor en bloque. Sirve para crear secciones o agrupar contenidos.
</p>
<dl><dd> <b>Sus etiquetas son</b>: <code>&lt;div&gt;</code> y <code>&lt;/div&gt;</code> (ambas  obligatorias).
</dd></dl>
<dl><dd> <b>Crea una caja</b>: <a href="es/HTML/Elemento/Tipos_de_elementos#en_bloque">en bloque</a>.
</dd></dl>
<dl><dd> <b>Está definido como</b>: Elemento <a href="es/HTML/Elemento/Tipos_de_elementos#en_bloque">en bloque</a>.
</dd></dl>
<dl><dd> <b>Puede contener</b>: Cero o más elementos <a href="es/HTML/Elemento/Tipos_de_elementos#en_bloque">en bloque</a> o en <a href="es/HTML/Elemento/Tipos_de_elementos#en_linea">en linea</a>.
</dd></dl>
<h4 name="Atributos"> Atributos </h4>
<table class="standard-table fullwidth-table">
<tbody><tr> <th> Atributo </th> <th colspan="2"> Valor </th> <th> Descripción </th>      </tr>
<tr> <th colspan="4"> Genéricos </th> </tr>
<tr> <td> <code style="color:green"> title </code> </td>
     <td> Texto </td> <td> Implícito </td> <td> Título consultivo del elemento. </td>      </tr>
<tr> <td> <code style="color:green"> style </code> </td>
     <td> Declaraciones de estilo </td> <td> Implícito </td> <td>Información de estilo en línea. </td>    </tr>
<tr> <td> <code style="color:green"> id </code> </td>
     <td> Un 'nombre' </td> <td> Implícito </td> <td> Identificador único a nivel de documento. </td>       </tr>
<tr> <td> <code style="color:green"> class </code> </td>
     <td> Lista de clases CSS </td> <td> implícito </td> <td>Identificador a nivel de documento. </td>      </tr>
<tr> <td> <code style="color:green"> dir </code> </td>
     <td> Uno de los siguientes: <code>"ltr"</code> o <code>"rtl"</code> </td> <td> Implícito </td> <td> Dirección del texto. </td>    </tr>
<tr> <td> <code style="color:green"> lang </code> </td>
     <td> Código de idioma </td> <td> Implícito </td> <td> Información sobre el idioma. </td>       </tr>
<tr> <td colspan="4"> <b>Eventos</b>: <code style="color:green">onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup. </code> </td>      </tr>
<tr> <th colspan="4"> Específicos </th>  </tr>
<tr> <td> <code style="color:green"> reserved </code> </td>
     <td>  </td> <td>  </td> <td> Reservado para posible uso futuro (ya no). </td>       </tr>
<tr> <th colspan="4"> De transición </th>  </tr>
<tr> <td> <code style="color:green"> align </code> </td>
     <td> Uno de los siguientes: "left", "center", "right", o "justify".  </td> <td> Implícito. left </td> <td> Alineación del texto. </td>       </tr>
<tr> <th> Atributo </th> <th colspan="2"> Valor </th> <th> Descripción </th>      </tr>
</tbody></table>
<h3 name="Ejemplos">Ejemplos</h3>
<pre class="eval"><span class="plain">
 &lt;div style="color: blue;"&gt;
  &lt;h2&gt;Ejemplo de div y span&lt;/h2&gt;
   &lt;p&gt;
     Esto es un párrafo dentro de un div,
     &lt;span style="color: red;"&gt; y esto un span dentro de un párrafo.&lt;/span&gt; 
   &lt;/p&gt;
 &lt;/div&gt;
 </span>
</pre>
<h3 name="Comentarios">Comentarios</h3>
<h3 name="Referencia">Referencia</h3>
<ul><li> El elemento <a class="external" href="https://html.conclase.net/w3c/html401-es/struct/global.html#edef-DIV"><b>div</b> en la especificación</a> de html 4.01
</li></ul>
<p><span class="comment">secciones futuras: == Soporte de los navegadores == == Valores por defecto y visualización en Firefox ==</span>
</p>
<div class="tip">
<p>Este documento está siendo editado, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.
</p><p>¿Quieres participar en la elaboración de este documento? Para saber como hacerlo consulta <a href="Project:es/Como_ayudar">MDC:Como ayudar</a>.
</p>
</div>

Revertir a esta revisión