Desde CERO
Lo primero que les puedo decir es que el programar en html, no es nada dificil, lo unico que se tiene que tener es ganas, y voluntad.
Comenzamos
Cuando empezé con este lenguaje de marcas llamado HTML, busque apuntes, libros, o tutoriales que me permitan aprender progresivamente, luego de un tiempo encontré un libro (en formato pdf) que comenzaba desde cero, como el aprendizaje es distinto para cada quien, les dejo el link de la seccion descargas para que lo lean, estudien, practiquen, relean, etc. como más les guste, puedan o quieran, este buen libro que a mi entender es perfecto para empezar en este tema, y si lo terminan llegará a tener un nivel medio de lo que es HTML !(1.0, tambien hay comentarios de las distintas especificaciones). En resumen, cuando ya estudian este libro, ya podrian hacer lo que yo hice para este sitio hasta la version 2.0!
Cualquier duda ya saben (Dejen comentarios mas abajo)
Continuamos…
Bien una vez que practicaste con ese apunte que te dejo con el primer post de esta seccion, lo que voy a pasar a explicarte, ahora que sabes HTML, es un paso mas en la especificacion del HTML…
Hacia CSS
Como habras notado, en el HTML, no podemos hacer demasiadas especificaiones con respecto a la organizacion visual de los elementos que «describes» en tu codigo HTML, esto se debe a que el HTML, no fue concebido para mostrar cosas por pantalla, la idea es que el HTML sea una anidacion de TAGS(etiquetas) en la que describas tu pagina web, y solo describas. ¿entendes?
Es decir tu con HTML solo puedes decirle a tu navegador que MUESTRE los elementos de una forma, por ejemplo con la etiqueta llamada EM, en ella indicamos que el el texto encerrado por esta etiqueta sea «enfatizado» por el navegador, la forma en que el navegador lo haga, ya es problema del navegador, sin embargo, con la popularizacion de internet, sugio la necesidad de crear paginas con aspecto visual cada vez mejor, lo cual contradice la idea de HTML, asi que «la solucion» que encontraron los navegadores fué inventar nuevas etiquetas para que el programador pueda tener un poco mas de control sobre el aspecto visual de la pagina, pero esta «solucion» fue un total desastre, pues cada navegador inventaba sus propias etiquetas… ¿te imaginas crear una pagina en la que sepas que por cuestiones como esta, ya sabes de atemano que se verá bien en un navegador y no en los otros, esto por su puesto termino en un CAOS, lo cual obligo a que se regularan las etiquetas que fueran validas para mostrar en una pagina web, el grupo de personas responsables de regular esto fue la W3C (traducido seria: el consorcio de las 3 doble v), el empuje de internet provoco que la W3C, tuviera que agregar a la especificacion de HTML etiquetas que manejaran el especto visual, con el tiempo la especificacion termino siendo una mezcla de «descriciones» y de «formas de mostrar» los elementos de una pagina, gracias a dios la W3C se las ingenio para poder resolver este dilema, con lo cual saco en la especificacion 4 de HTML, un conjunto de etiquetas que permitieran POR SEPARADO describir el documento desde el punto de vista visual, este conjunto se lo llamó CSS (que traducido seria Hojas de estilo en cascada), el CSS son eso un conjunto de etiquetas que describen visualmente el documento, incluso se avanzo en que el CSS se especificara en un archivo por separado, limpiando asi el codigo HTML puro (osea que html unicamente describa el documento y el archivo CSS lo haga pero es su aspecto visual).
Yo pienso que a esta altura te estarás preguntando ¿PERO por que el HTML se empeña tanto en solo describir el documento sin orientarse a lo visual?, bueno la respuesta viene por el lado del navegador, es decir:
Cuando tu vez la especificacion HTML, los tipos de la w3c no dicen NAVEGADOR DE INTERNET, en vez de eso dicen «El Agente», esto es por que no necesariamente el Agente es un navegador, ellos contemplan la posibilidad que sea un programa que por ejemplo «muestre» el contenido de una pagina web pero por voz (para ciegos por ejemplo), es decir la idea es que el HTML «diga» como esta conformado la pagina, y «El Agente» sea el encargado de «mostrarlo» de la forma mas adecuada, es decir para el caso de un no vidente esa forma «mas adecuada» seria que emita sonidos e indicque al usuario que es lo que contiene la pagina web. Pero como ya dijimos la popularidad de internet obligo a los integrantes de la W3C, contemplar en la especificacion el aspecto visual del asunto, solo que no querian que se diluya la idea original del HTML en el afán de conseguir ese objetivo tan demandado por el publico.
Resumiendo: HTML fue para todo tipo de usuarios, osea incluidos los discapacitado, y el CSS fue concebido para soslayar la demanda de mejores aspectos visuales de las paginas de internet.
Te invito a que pases por la seccion de CSS en el que encontraras (por ahora sigo preparando esa seccion, pero la idea seria) tutoriales, ejemplos, conceptos, y lo ppal, la forma en que aprendi yo ese «lenguaje»