La etiqueta <span>

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