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ó ser demasiado grande para la época, lo que dificultó su aceptación en el mercado.

Esto llevó a una serie de compañias (entre ellas Netscape, Microsoft, IBM, Sun, etc...) a crear un nuevo comité llamado W3C, que es el que actualmente elabora las nuevas versiones del HTML. Su primer trabajo consistió en crear el borrador del HTML 3.2, que incluía muchas de las mejoras que los principales navegadores (Netscape y Explorer) habían introducido en Internet, como son las tablas, los applets, etc..

Este borrador fue aprobado en enero de 1997 e inmediatamente el W3C se puso a trabajar en la elaboración del siguiente estándar: el 4.0.

2.3. HTML 4.0

En julio de 1997 se presenta el borrador de este estándar. Por fin se estandarizan los marcos (frames), las hojas de estilo y los scripts (entre otras cosas). El 17 de diciembre de 1997 dicho borrador fue finalmente aprobado.

2.4. Estándares en este curso

En principio cualquier navegador debería ser capaz de interpretar el HTML 3.2, pero por si necesitais saber por alguna razón el estándar al que pertenece una etiqueta o parámetro en particular, se incluirá una de las siguientes indicaciones:

Introducido con la versión 3.2 del HTML

Introducido con la versión 4.0 del HTML

Etiqueta o parámetro no estándar soportado sólo por el Netscape

Etiqueta o parámetro no estándar soportado sólo por el Explorer

Introducción al curso

Mi primera página

© 1998-2000 Daniel Rodríguez

3. Mi primera página

3.1. El código

<HTML>

<HEAD>

<TITLE>Mi primera pagina</TITLE>

</HEAD>

<BODY>

<CENTER><H1>Mi Primera pagina</H1></CENTER>

<HR>

<P>Esta es mi primera pagina (chispas). Por el

momento no se que tendra, pero dentro de poco

pondre aqui muchas cosas interesantes.

</BODY>

</HTML>

También puedes ver el resultado de este ejemplo.

3.2. La explicación

Lo primero que conviene explicar es en qué consisten todos esos símbolos de mayor y menor que están distribuidos por ahí. El lenguaje HTML se basa en la sintaxis SGML (toma siglas). Esto quiere decir que cualquier cosa que hagamos en HTML estará encerrada entre dos etiquetas de esta manera:

<ETIQUETA parámetros> ... </ETIQUETA>

Hay ocasiones en que no es necesario cerrar la etiqueta. Mirando el código habréis visto un par de ejemplo que ya explicaré más adelante. Pero como lo primero que debemos indicar es que el texto que estamos

...