Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 197001 of div

  • Enlace amigable (slug) de la revisión: HTML/Elemento/div
  • Título de la revisión: div
  • Id de la revisión: 197001
  • Creada:
  • Creador: Jorolo
  • ¿Es la revisión actual? No
  • Comentario mejoro estructura y contenidos

Contenido de la revisión

{{ Elementos_HTML() }}

Definición

div de "division" - división. Sirve para crear secciones o agrupar contenidos.

Sus etiquetas son: <div> y </div> (ambas obligatorias).
Está definido como: Elemento en bloque.
Crea una caja: En bloque.
Puede contener: Texto, y/o cero o más elementos en bloque o en linea.

Atributos

atributo descripción valor
Genéricos
title Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip". Texto legible por personas. Sensible a M/m.. Por defecto: Lo fija el navegador.
id Le da un nombre al elemento que lo diferencia de todos los demás del documento. Un nombre único. Sensible a M/m. Por defecto: Lo fija el navegador.
class Asigna nombres de clases al elemento. Por defecto, clases CSS. Lista de clases separadas por espacio en blanco. Sensible a M/m. Por defecto: Lo fija el navegador.
style Permite especificar información de estilo. Por defecto, estilos CSS. Declaraciones de estilo. Por defecto: Lo fija el navegador.
lang Información sobre el idioma del contenido del elemento y del valor de sus atributos. Un código de idioma. Por defecto: "desconocido". Lo fija el navegador.
dir Indica la dirección de texto y tablas. Uno de los siguientes: 'ltr' o 'rtl'. Por defecto: En castellano 'ltr'. Lo fija el navegador.
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
datasrc Enlaza a una fuente de datos externa (individual o tabular). Reservado para posibles usos futuros. Una dirección URI. Por defecto: Lo fija el navegador.
datafld El nombre de una propiedad o columna de datasrc. Reservado para posibles usos futuros. Por defecto: Lo fija el navegador.
dataformatas Indica como deben ser tratados los datos obtenidos de datasrc. Reservado para posibles usos futuros. Uno de los siguientes: 'paintext' o 'html'. Por defecto: 'plaintext'
De transición
align Alineación del texto. Uno de los siguientes: "left", "center", "right", o "justify". Por defecto: 'left', lo fija el navegador
atributo descripción valor

Ejemplos de uso

Div y span

código:

<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>

el wiki causa interferencias Resultado: <div style='border: solid silver 1px;'> <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> </div>

Estilo predeterminado

Notas

Referencia


Soporte

Puede consultar esta comparativa: IE 6 - IE 7 - FF 1.5 - OP 9.



Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.

¿Quieres participar en su elaboración? Para saber cómo hacerlo consulta MDC:Como ayudar.


Categoría

interwiki links

automatismos

Fuente de la revisión

<p>{{ Elementos_HTML() }}
</p>
<h3 id="Definici.C3.B3n" name="Definici.C3.B3n">Definición</h3>
<p><b>div</b> de "division" - <i>división</i>. 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><dd> <b>Está definido como</b>: Elemento <a href="es/HTML/Elemento/Tipos_de_elementos#enbloque">en bloque</a>.
</dd></dl>
<dl><dd> <b>Crea una caja</b>: En bloque.
</dd><dd> <b>Puede contener</b>: Texto, y/o cero o más elementos <a href="es/HTML/Elemento/Tipos_de_elementos#enbloque">en bloque</a> o <a href="es/HTML/Elemento/Tipos_de_elementos#enlinea">en linea</a>.
</dd></dl>
<h4 id="Atributos" name="Atributos"> Atributos </h4>
<table class="standard-table fullwidth-table">
<tbody><tr> <th> atributo </th> <th> descripción </th> <th> valor </th> </tr>
<tr> <th colspan="3"> Genéricos </th> </tr>
<tr> <td> <a class="external" href="https://html.conclase.net/w3c/html401-es/struct/global.html#adef-title"><span style="color:green"> title </span></a> </td> <td> Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip". </td> <td> Texto legible por personas. Sensible a <abbr title="diferencia entre Mayúsculas y minúsculas">M/m.</abbr>. Por defecto: Lo fija el navegador. </td> </tr> <tr> <td> <a class="external" href="https://html.conclase.net/w3c/html401-es/struct/global.html#adef-id"><span style="color:green"> id </span></a> </td> <td> Le da un nombre al elemento que lo diferencia de todos los demás del documento. </td> <td> Un <a class="external" href="https://html.conclase.net/w3c/html401-es/types.html#type-id">nombre único</a>. Sensible a <abbr title="diferencia entre Máyusculas y minúsculas">M/m.</abbr> Por defecto: Lo fija el navegador. </td> </tr> <tr> <td> <a class="external" href="https://html.conclase.net/w3c/html401-es/struct/global.html#adef-class"><span style="color:green"> class </span></a> </td> <td> Asigna nombres de clases al elemento. Por defecto, clases CSS. </td> <td> Lista de clases separadas por espacio en blanco. Sensible a <abbr title="diferencia entre Máyusculas y minúsculas">M/m.</abbr> Por defecto: Lo fija el navegador. </td> </tr>
<tr> <td> <a class="external" href="https://html.conclase.net/w3c/html401-es/present/styles.html#adef-style"><span style="color:green"> style </span></a> </td> <td> Permite especificar <a class="external" href="https://html.conclase.net/w3c/html401-es/present/styles.html">información de estilo</a>. Por defecto, estilos CSS.</td> <td> <a class="external" href="https://html.conclase.net/w3c/html401-es/types.html#type-style">Declaraciones de estilo</a>. Por defecto: Lo fija el navegador. </td> </tr> <tr> <td> <a class="external" href="https://html.conclase.net/w3c/html401-es/struct/dirlang.html#adef-lang"><span style="color:green"> lang </span></a> </td> <td> Información sobre el <a class="external" href="https://html.conclase.net/w3c/html401-es/struct/dirlang.html">idioma del contenido</a> del elemento y del valor de sus atributos. </td> <td> Un <a class="external" href="https://html.conclase.net/w3c/html401-es/types.html#type-langcode">código de idioma</a>. Por defecto: "desconocido". Lo fija el navegador. </td> </tr> <tr> <td> <a class="external" href="https://html.conclase.net/w3c/html401-es/struct/dirlang.html#adef-dir"><span style="color:green"> dir </span></a> </td> <td> Indica la <a class="external" href="https://html.conclase.net/w3c/html401-es/struct/dirlang.html">dirección de texto</a> y tablas. </td> <td> Uno de los siguientes: <abbr title="Left-to-right"> 'ltr' </abbr> o <abbr title="Right-to-left"> 'rtl'. </abbr> Por defecto: En castellano 'ltr'. Lo fija el navegador. </td> </tr> <tr> <td colspan="3"> <a class="external" href="https://html.conclase.net/w3c/html401-es/interact/scripts.html#events">Eventos:</a> <code style="color:green">onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup. </code> </td> </tr>
<tr> <th colspan="3"> Específicos </th> </tr>
<tr> <td> <code style="color:green"> datasrc </code> </td> <td> Enlaza a una fuente de datos externa (individual o tabular). Reservado para posibles usos futuros. </td> <td> Una dirección URI. Por defecto: Lo fija el navegador. </td> </tr>
<tr> <td> <code style="color:green"> datafld </code> </td> <td> El nombre de una propiedad o columna de <code style="color:green">datasrc</code>. Reservado para posibles usos futuros. </td> <td> Por defecto: Lo fija el navegador. </td> </tr>
<tr> <td> <code style="color:green"> dataformatas </code> </td> <td> Indica como deben ser tratados los datos obtenidos de <code style="color:green">datasrc</code>. Reservado para posibles usos futuros. </td> <td> Uno de los siguientes: <code>'paintext'</code> o <code>'html</code>'. Por defecto: <code>'plaintext'</code> </td> </tr>
<tr> <th colspan="3"> De transición </th> </tr>
<tr> <td> <code style="color:green"> align </code> </td> <td> Alineación del texto. </td> <td> Uno de los siguientes: <code>"left", "center", "right",</code> o "justify". Por defecto: <code>'left'</code>, lo fija el navegador </td> </tr>
<tr> <th> atributo </th> <th> descripción </th> <th> valor </th> </tr>
</tbody></table>
<h3 id="Ejemplos_de_uso" name="Ejemplos_de_uso">Ejemplos de uso</h3>
<div class="highlight">
<h4 id="Div_y_span" name="Div_y_span"> Div y span </h4>
<p>código:
</p>
<pre class="eval">&lt;<b>div</b> 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;/<b>div</b>&gt;
</pre>
<p><span class="comment">el wiki causa interferencias Resultado: &lt;div style='border: solid silver 1px;'&gt; &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; &lt;/div&gt;</span>
</p>
</div>
<h3 id="Estilo_predeterminado" name="Estilo_predeterminado"> Estilo predeterminado </h3>
<h3 id="Notas" name="Notas">Notas</h3>
<h3 id="Referencia" 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><br>
</p>
<h3 id="Soporte" name="Soporte"> Soporte </h3>
<p>Puede consultar esta <a class="external" href="https://www.webdevout.net/browser_support_html.php#support-html401-div">comparativa</a>: IE 6 - IE 7 - FF 1.5 - OP 9.
</p><p><br>
</p>
<hr>
<div class="tip">
<p>Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras!... disculpen las molestias.
</p><p>¿Quieres participar en su elaboración? Para saber cómo hacerlo consulta <a href="Project:es/Como_ayudar">MDC:Como ayudar</a>.
</p>
</div>
<p><br>
<span class="comment">Categoría</span>
</p><p><span class="comment">interwiki links</span>
</p><p><span class="comment">automatismos</span>
</p>
Revertir a esta revisión