aboutsummaryrefslogtreecommitdiff
path: root/files/es/web/html/element/div/index.html
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 14:46:50 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 14:46:50 +0100
commita55b575e8089ee6cab7c5c262a7e6db55d0e34d6 (patch)
tree5032e6779a402a863654c9d65965073f09ea4182 /files/es/web/html/element/div/index.html
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-a55b575e8089ee6cab7c5c262a7e6db55d0e34d6.tar.gz
translated-content-a55b575e8089ee6cab7c5c262a7e6db55d0e34d6.tar.bz2
translated-content-a55b575e8089ee6cab7c5c262a7e6db55d0e34d6.zip
unslug es: move
Diffstat (limited to 'files/es/web/html/element/div/index.html')
-rw-r--r--files/es/web/html/element/div/index.html152
1 files changed, 152 insertions, 0 deletions
diff --git a/files/es/web/html/element/div/index.html b/files/es/web/html/element/div/index.html
new file mode 100644
index 0000000000..5421099e45
--- /dev/null
+++ b/files/es/web/html/element/div/index.html
@@ -0,0 +1,152 @@
+---
+title: div
+slug: Web/HTML/Elemento/div
+tags:
+ - HTML
+ - 'HTML:Elemento'
+ - Todas_las_Categorías
+translation_of: Web/HTML/Element/div
+---
+<h3 id="Definici.C3.B3n" name="Definici.C3.B3n">Definición</h3>
+
+<p><strong>div</strong> de "division" -<em>división</em> . Sirve para crear secciones o agrupar contenidos.</p>
+
+<dl>
+ <dd><strong>Sus etiquetas son</strong>: <code>&lt;div&gt;</code> y <code>&lt;/div&gt;</code> (ambas obligatorias).</dd>
+ <dd><strong>Está definido como</strong>: <a href="https://developer.mozilla.org/es/docs/Web/HTML/Block-level_elements">Elemento en bloque</a>.</dd>
+</dl>
+
+<dl>
+ <dd><strong>Crea una caja</strong>: En bloque.</dd>
+ <dd><strong>Puede contener</strong>: 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="fullwidth-table standard-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="http://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="http://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="http://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="http://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="http://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="http://html.conclase.net/w3c/html401-es/present/styles.html">información de estilo</a>. Por defecto, estilos CSS.</td>
+ <td><a class="external" href="http://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="http://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="http://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="http://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="http://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="http://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="http://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;<strong>div</strong> 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;/<strong>div</strong>&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="http://html.conclase.net/w3c/html401-es/struct/global.html#edef-DIV"><strong>div</strong> en la especificación</a> de html 4.01</li>
+</ul>
+
+<p> </p>
+
+<h3 id="Soporte" name="Soporte">Soporte</h3>
+
+<p>Puede consultar esta <a class="external" href="http://www.webdevout.net/browser_support_html.php#support-html401-div">comparativa</a>: IE 6 - IE 7 - FF 1.5 - OP 9.</p>
+
+<p> </p>
+
+<hr>
+<div class="note">
+<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>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>