Manual Html

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

2. Versiones del HTML

2.1. HTML 2.0

Cuando se produjo la explosión de Internet el estándar de HTML que circulaba era el 2.0 (establecido en noviembre del 95), de modo que cualquier navegador que encontremos será capaz de interpretarlo. Prácticamente todo lo que veamos en los próximos seis capítulos está contemplado por este estándar.

2.2. HTML 3.0 y 3.2

Aunque la versión 2.0 cumplía bien el objetivo para el que se creó, carecía de herramientas para tener un control mínimamente complejo de los documentos. No se consideró necesario que lo tuviera, ya que por aquel entonces Internet era un fenómeno más bien circunscrito a la actividad académica y el contenido primaba sobre el diseño. Debido a ello, Netscape (líder del mercado de navegadores por aquel entonces) empezó a incluir etiquetas nuevas no incluidas en ningún estándar.

Por estos problemas, el IETF (el comité que suele decidir todos los estándares dentro de Internet) comenzó a elaborar el borrador del HTML 3.0, que resultó

...