Maquetar una web con CSS I

Estructurar el contenido HTML

El primer paso es organizar el contenido de forma semántica, marcando encabezados, listas, parrafos, bloques, mediante las etiquetas html:

1. Definir los títulos según su importancia H1, H2,... H6
2. Marcar los párrafos con P, las listas con UL, OL, DL, etc.
3. Separar mediante bloques div las secciones más comunes: CABECERA, MENU, CONTENIDO, PIE DE PÁGINA y todos los anteriores encerrarlos con un div llamado CONTENEDOR.

Cada uno de ellos se agruparan en bloques y encerrados con la etiqueta div:
<div class="">...</div> entre las comillas colocaremos un nombre relacionado al bloque, por ejemplo:

Para formar el bloque cabecera agrupamos el Título principal y una descripción

<h1>Maquetación con CSS</h1>
<em>Tutorial sobre maquetación con CSS</em>

Creamos el bloque cabecera encerrandolo con div:

<div class="cabecera">
<h1>Maquetación con CSS</h1>
<em>Tutorial sobre maquetación con CSS</em>
</div>

Del mismo modo agrupamos los demás bloques