¡Hola!. Que bien que estás siguiendo este módulo sobre Formularios, diagramación y semántica. En lo que sigue vamos a estudiar dos etiquetas adicionales de HTML: <span> y <div>.

Existen dos etiquetas muy utilizadas en HTML que sirven como contenedores genéricos de una parte de nuestra página: <div> y <span>. Usualmente estos contenedores no tienen un aspecto físico bien definido, pero son utilizados por los programadores para proporcionar un estilo específico a dicha parte usando CSS.

La etiqueta <div> representa agrupa un bloque de código HTML e inserta saltos de línea antes y después su contenido.

La etiqueta <span> agrupa una porción de una línea de código HTML.

A continuación usaremos el atributo style que permite definir un color de fondo con CSS, para ilustrar el comportamiento de la dos etiquetas:

<p>
    Ejemplo de uso de la etiqueta <span style="background-color:lightblue">span</span> para ilustrar su uso.
</p>
<p>
    Ejemplo de uso de la etiqueta <div style="background-color:lightgreen">div</div> para ilustrar su uso.
</p>

Lo cual dibujará lo siguiente: