Divisiones y
span Divisiones y
spanPara agrupar varios elementos existen dos etiquetas especiales:
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) |
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 .
La etiqueta <div> permite agrupar varios elementos de bloque (párrafos, encabezados, listas, tablas, divisiones, etc), para después darles formato con la hoja de estilo. En el ejemplo siguiente hay dos divisiones que incluyen tres párrafos cada una.
| div { background-color: lightblue; margin: 10px; } |
El hombre es fuego; la mujer, estopa; llega el diablo y sopla. Para el amor y la muerte, no hay cosa fuerte. Viejo el pajar, malo de encender y peor de apagar. ¿Enseñas sin saber? Como no sea el culo, no sé qué. Practicar hace maestro; que no leer en el cuaderno. Lo que natura no da, Salamanca no presta |
Para crear una división, hay que seleccionar con el ratón los elementos que vayan a formar de la división, pulsar la tecla F2, y elegir la opción de menú .
Para borrar una división, hay que seleccionar la división con la tecla F2, elegir el menú y en la ventana de transformaciones elegir la ocpión "Eliminar división".
Autor: Bartolomé Sintes Marco