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 15801 of span

  • Enlace amigable (slug) de la revisión: HTML/Elemento/span
  • Título de la revisión: span
  • Id de la revisión: 15801
  • Creada:
  • Creador: Jorolo
  • ¿Es la revisión actual? No
  • Comentario creo página
Etiquetas: 

Contenido de la revisión

{{template.Elementos_HTML()}}

Definición

Es un contenedor en linea. Sirve para crear secciones dentro de una linea o agrupar elementos.

Sus etiquetas son: <span> y </span> (ambas obligatorias).
Crea una caja: en linea.
Está definido como: Elemento en linea.
Puede contener: cero o más elementos 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
No tiene
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

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 linea. Sirve para crear secciones dentro de una linea o agrupar elementos.
</p>
<dl><dd> <b>Sus etiquetas son</b>: <code>&lt;span&gt;</code> y <code>&lt;/span&gt;</code> (ambas obligatorias).
</dd></dl>
<dl><dd> <b>Crea una caja</b>: <a href="es/HTML/Elemento/Tipos_de_elementos#en_linea">en linea</a>.
</dd></dl>
<dl><dd> <b>Está definido como</b>: Elemento <a href="es/HTML/Elemento/Tipos_de_elementos#en_linea">en linea</a>.
</dd></dl>
<dl><dd> <b>Puede contener</b>: cero o más elementos <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 colspan="4"> No tiene </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>
<p><br>
</p>
<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-SPAN"><b>span</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