# La etiqueta <span>

La etiqueta <span> permite agrupar varios elementos en línea seguidos dentro de un mismo bloque (por ejemplo, varias palabras seguidas en un párrafo), para después darles formato con la hoja de estilo.

| span { font-style: oblique; text-decoration: underline; } | El primer servidor web de la historia se instaló en el CERN en diciembre de 1990 (foto)

A menudo, la etiqueta <span> se emplea para asignar clases a porciones de texto.

| span.fecha { font-style: oblique; text-decoration: underline; } span.resaltar { color: red; } | El primer servidor web de la historia se instaló en el CERN en diciembre de 1990 (foto)

Amaya no permite insertar directamente una etiqueta <span>, sino que la etiqueta <span> se genera al asignar un atributo a una porción de texto.

Así, para crear una etiqueta <span>, hay que:

- seleccionar el texto con el ratón (no con `F2`),
- marcar el atributo deseado en el panel de Atributos de la ventana de herramientas (class, style, title, etc) y, en su caso, escribir su valor y
- pulsar `Intro` o el icono de confirmación .

En el código fuente de la página se puede ver que el texto seleccionado aparece rodeado por las etiquetas <span atributo="valor"> ... </span>.

Para eliminar una etiqueta span, hay que:

- situar el cursor en el interior del span (en la barra de estado tiene que verse la etiqueta span),
- pulsar `F2` hasta que se seleccione el span (en la barra de estado, la etiqueta span tiene que estar la primera), y
- desmarcar el atributo en el panel de Atributos de la ventana de herramientas.

Para modificar una etiqueta span, hay que:

- seleccionar el elemento span con `F2`,
- marcar el atributo en el panel de Atributos de la ventana de herramientas,
- modificar su valor y
- pulsar `Intro` o el icono de confirmación .

Volver al índice