© Jordi González Boada
Introducción
Tim Berners-Lee definió en 1990 el lenguaje HTML como un subconjunto del lenguaje de etiquetas SGML con hipervínculos (links), y además creó el World Wide Web.
HTML es el acrónimo inglés de HyperText Markup Language (en Castellano, Lenguaje de Etiquetas de Hipertexto).
Como el propio World Wide Web Consortium (W3C) define brevemente el HTML es el lenguaje de publicación del World Wide Web (más comúnmente conocida como la "Web").
World Wide Web es un conjunto de documentos de hipertexto enlazados entre si mediante hiperenlaces y es accesibles a través de Internet mediante un navegador. Obviamente si estás leyendo esta página es porque ya sabes esto.
Sobre esta página
Esta página pretende ser mi pequeña colaboración con la web. En ella podéis encontrar un curso sobre HTML y CSS enfocado a todos aquellos que desconocen totalmente estos lenguajes. Aún así también puede ser útil, para recordar conceptos o códigos, a usuarios más avanzados.
Quiero empezar desde los conceptos más básico para que cualquiera sin ninguna experiencia pueda hacer fácilmente su propia página web, así pues no se dará nada por supuesto (ya se sabe que las cosas son muy fáciles cuando se saben hacer, aunque para los que no saben parezcan muy difíciles).
HTML es un lenguaje sencillo y fácil de aprender, por lo que rápidamente estaréis en condiciones de hacer vuestras propias páginas web.
Cada figura del curso corresponde con el código de una página web, más o menos simple, que sirve para mostrar los contenidos que se estén tratando en ese momento en un caso real. Podéis ver la página web de cada ejemplo al pinchar al pie de la figura en el nombre de la figura (por ejemplo, "fig01_02"); en todas las figuras podréis ver una página de ejemplo. Los ejemplos siempre se abren en una nueva ventana.
Si queréis ver el código fuente de una página (el formato HTML de la misma) podéis hacerlo pinchando con el botón derecho del ratón sobre la ventana del navegador que muestra la página en cuyo código estáis interesados y seleccionáis del menú contextual que aparecerá la opción correspondiente ("Ver código fuente").
En esta página además también podéis encontrar algunos enlaces de interés relacionados con el diseño de páginas web, pero de momento utilizad un editor de texto.
Material necesario
Si sois nuevos en esto de hacer páginas web y estáis interesados en aprender los fundamentos del lenguaje HTML os recomiendo que utilicéis un editor de texto (no un procesador de texto, este formatea el texto y lo hace ininteligible a los navegadores). Al final del curso encontraréis enlaces a programas que os facilitaran la tarea de realizar páginas web.
Como editor de texto bien os puede servir el "Bloc de Notas" que viene con vuestro sistema operativo. No olvidéis que cuando guardéis los archivos que hayáis hecho debéis hacerlo con la extensión .html (o .htm) no con la extensión .txt; así podréis abrir los archivos con el navegador web que tengáis puesto por defecto en vuestro sistema con tan sólo pinchar el archivo.
La otra cosa imprescindible que os hará falta es el navegador web, vuestro sistema operativo seguro que ya tiene uno instalado.
Así pués, si tenéis ordenador ya tenéis todo lo necesario para hacer una página web.
El presente manual se hace según la especificación HTML 4.01 transicional. Se explicará tanto el código de esta especificación como aquel que ha quedado desaprobado (de ahí lo de transicional) pero que es totalmente funcional.
|
Este curso no está finalizado todavía (de momento sólo está disponible hasta el tema 7), disculpad las molestias.
|
