span

Portada > HTML > Elementos de HTML 4.01 : Tipos de elementos

Definición

span - abarcar. Es un contenedor en línea. Sirve para aplicar estilo al texto o agrupar elementos en línea.

Sus etiquetas son: <span> y </span> (ambas obligatorias).
Está definido como: Elemento especial, y por lo tanto en línea.
Crea una caja: En línea.
Puede contener: Texto, y/o Elementos en línea.

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
No tiene
atributo descripción valor

Ejemplos de uso

div y span

código:

<div style="border: 1px dotted blue;">
  <h4>Ejemplo de div y span </h4>
   <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>

Resultado:

Ejemplo de div y span

Esto es un párrafo dentro de un div, y esto un span dentro de un párrafo.

Estilo predeterminado

Por definición span no debe tener ningún estilo predefinido. Estos dos párrafos deben verse igual:

<p> Esto es un párrafo, bla, bla, bla. </p>
<p> Esto es un párrafo, <span>bla, bla, bla.</span> </p>


Notas

Referencia


Soporte

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


<hr>

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

Etiquetas y colaboradores del documento

Colaboradores de esta página: torresnicolas, Jorolo
Última actualización por: torresnicolas,