Lección I
Creación del Primer DIV
Como sospecho que me enrrollo demasiado vamos a ir al grano creando nuestro primer DIV o capa. Como las capas son parte del contenido de una página web, habrá que escribir su código dentro del contenido o BODY. Este es el código HTML de una página web vacia:
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
Y este es el código de la misma página, pero ahora con un DIV vacio (aprenderas cosillas de HTML básicas en Curso de HTML):
<HTML>
<HEAD>
</HEAD>
<BODY>
<DIV>
</DIV>
</BODY>
</HTML>
Si abres el notepad.exe de windows 
(el Word no vale para esto) escribes o copias ese código en él y lo guardas con la extensión .html tendrás hecha una página web, vacia, claro. Ponle este nombre al guardarlo: "index.html". Si no sabes o no consigues cambiar la extensión mira este artículo de la enciclopedia CCTW.
Para poder ver algo de todo esto vamos a escribir las palabras "Este es mi primer DIV" entre <DIV> que indica el principio de la capa y el </DIV> que señala el final de la misma. Para poder escribir en él tenemos que volver a ponerle la extensión .txt y abrirlo con el notepad de windows. Si tras escribir eso en el archivo volvemos a guardarlo como .html y lo abrimos, podemos ver una página web en blanco con esas palabras escritas. Es todo un principio, no?
Por ahora tenemos esto:
<HTML>
<HEAD>
</HEAD>
<BODY>
<DIV>
Este es mi primer DIV
</DIV>
</BODY>
</HTML>
A la izquierda más arriba hay un menú. Este apartado está destacado en él en negrita. Pulsa el siguiente para continuar.