La etiqueta <div> define un bloque genérico empleado para formatear con CSS.
Ejemplo de uso:
<div id="caja" class="cabecera">
…………….
</div>
El atributo id identifica unívocamente un elemento HTML. Un elemento HTML solo debe tener un atributo id y este debe ser único en la página. Para referenciar un elemento en particular usando el atributo id desde nuestro archivo CSS la regla debe ser declarada con el símbolo # al frente del valor que usamos para identificar el elemento.
En el ejemplo anterior, el selector CSS #caja se refiere al elemento con atributo id="caja”:
#caja {
color:blue
}
La diferencia con el atributo class es que el atributo class define una clase de elementos HTML. Un elemento puede tener varios atributos class. El atributo id es como un nombre que identifica al elemento.
La mayoría del tiempo, en lugar de utilizar el atributo id para propósitos de estilos es mejor utilizar class. El atributo id es más apropiado para referencias en Javascript.
La etiqueta <span> es un elemento en línea que se emplea como un contenedor de texto. El elemento <span> no tiene ningún significado especial, es semánticamente neutro, no proporciona ningún cambio visual por sí mismo.
El cielo está <span style="color:blue;font-weight:bold">azul</span> pero el mar está
<span style="color:darkolivegreen;font-weight:bold">verde oscuro</span>.Cuando se utiliza junto con CSS, el elemento <span> se puede utilizar también para establecer los atributos de estilo para las partes del texto mediante un identificador id o una clase class.