1. Introducción al curso

Este curso ha nacido con la intención de complementar los anteriores cursos de JavaScript y HTML dinámico que tengo en estas páginas. Así podrás terminar creando una página de calidad empezando desde cero.

Lo primero que hay que decir es que este curso no explica ningún estándar específico, ni examina exaustivamente todos los parámetros de las etiquetas HTML. Intenta ser una guía práctica, de modo que incluirá todas las cosas que yo crea importantes y que me han provocado algún quebradero de cabeza mientras realizaba mis páginas.

El curso y sus ejemplos los he probado con Explorer 4 y Netscape 4, que son los navegadores que tengo instalados. Si tienes otro navegador y encuentras algún problema te ruego que me lo comuniques, ya que he renunciado a hacer un diseño más elaborado para conseguir que todos puedan leer este curso (y para terminarlo más rápido).

Si tu navegador es capaz de manejar más de una ventana a la vez, las páginas de ejemplo del curso se verán en otra ventana (sólo una). De este modo es posible observar a la vez el ejemplo y la explicación y se evita la proliferación excesiva de ventanas.



1.1. Requisitos

Si estás viendo este curso ya tienes en tus manos el requisito más difícil de cumplir: tener acceso a Internet y un navegador. El otro requisito es un editor de textos con el que hacer las páginas. Da lo mismo cual. Para hacer este curso yo utilizo el de MS-DOS, por ejemplo. Sin embargo, es posible entender el curso sin hacer una sola página, aunque siempre es recomendable practicar.

Podéis hacer páginas con algún editor específico de páginas web, pero no es necesario. Es más, algunos de esos editores esconden las etiquetas HTML al usuario, de modo que posiblemente lo que aprendas aquí te sería de poca utilidad.

Tampoco requiere que lo leáis conectados, ya que os podéis descargar el curso (chtml.zip).



1.2. Índice del curso

1. Introducción al curso
   1.1. Requisitos
   1.2. Índice del curso
   1.3. Agradecimientos
2. Versiones del HTML
   2.1. HTML 2.0
   2.2. HTML 3.0 y 3.2
   2.3. HTML 4.0
   2.4. Estándares en este curso
3. Mi primera página
   3.1. El código
   3.2. La explicación
   3.3. El cuerpo del documento
4. Formateo básico
   4.1. Formato del párrafo
   4.2. Las 6 cabeceras
   4.3. Cambiando el tipo de letra
   4.4. Formato de frase
   4.5. Otros elementos
5. Caracteres especiales
   5.1. Caracteres extendidos en HTML
   5.2. Caracteres de control
6. Enlaces
   6.1. La etiqueta <A>
   6.2. Las URLs
   6.3. Anclas
7. Listas
   7.1. Listas desordenadas
   7.2. Listas ordenadas
   7.3. Listas de definiciones
8. Imágenes
   8.1. Imágenes y enlaces
   8.2. Alineación respecto al texto
9. Formateo fino
   9.1. Cambio de color
   9.2. Tamaños del texto
   9.3. Tipo de letra
10. Estructura del documento
   10.1. La cabecera
   10.2. El cuerpo
11. Formularios
   11.1. Cajas de texto
   11.2. Opciones
   11.3. Botones del formulario
   11.4. Otros elementos
12. Controles avanzados para formularios
   12.1. Botones
   12.2. Etiquetas
   12.3. Agrupación de elementos
   12.4. Desactivación de elementos
13. Mapas
   13.1. Mapas gestionados por el cliente
   13.2. Cómo usar un mapa
14. Tablas
   14.1. Definir las filas
   14.2. Definir las celdas
   14.3. Título de la tabla
15. Marcos
   15.1. Etiqueta <FRAMESET>
   15.2. Etiqueta <FRAME>
   15.3. Acceso a otros marcos
16. Hojas de estilo
   16.1. Clases
   16.2. Etiquetas <SPAN> y <DIV>
17. Hojas de estilo: referencia
   17.1. Propiedades de bloque
   17.2. Propiedades de tipo de letra
   17.3. Propiedades de formato del texto
   17.4. Propiedades de color y fondo
   17.5. Propiedades de clasificación
18. Lenguajes de script
   18.1. Javascript
19. Capas
   19.1. Definición
   19.2. Propiedades
20. Sonido
   20.1. Sonido activado por el usuario
   20.2. Sonido de fondo
21. Guía de estilo
   21.1. Contenido
   21.2. Navegación
   21.3. Estructura de las páginas
   21.4. Accesibilidad
   21.5. Diseño
   21.6. Mantenimiento y pruebas
A. Enlaces a otras páginas
   A.1. Otros manuales de HTML
   A.2. Sobre JavaScript
   A.3. Sobre HTML dinámico
   A.4. Sobre otras tecnologías relacionadas
B. FAQ (Preguntas más frecuentes)
   B.1. Para comentarme algo o preguntar otra cosa



1.3. Agradecimientos

Aparte de dar las gracias a todos aquellos que visitan la web y en especial a los que se toman la molestia de rellenar el formulario de abajo, quiero agradecer especialmente desde aquí a todos aquellos que han colaborado en mejorar estas páginas. En especial a Peter Promenade, por indicarme la nueva manera de justificar el texto en HTML 4.0 y a Juan José Nuevo, por ayudarme con el sonido.

Versiones del HTML
© 1998-2000 Daniel Rodríguez