Curso completo de HTML en PDF: estructura, etiquetas y ejemplos

El curso de HTML que se usa en muchas aulas desde hace años

447 páginas de HTML explicado sin rodeos. Este curso, escrito por Jorge Ferrer, Víctor García y Rodrigo García, ha circulado durante años en facultades y ciclos formativos españoles porque va directo a lo que se necesita para construir una página: qué es una etiqueta, cómo se anidan, cómo se ve el resultado en el navegador y por qué conviene escribir el código de forma ordenada.

No asume ninguna experiencia previa en programación. Empieza con el archivo más pequeño posible —un título y un párrafo— y va añadiendo piezas hasta llegar a páginas con enlaces, imágenes, listas y tablas. Cada bloque lleva ejemplos completos que puedes guardar como archivo .html y abrir en tu navegador para ver el efecto inmediato.

Los ocho bloques del temario

• Estructura básica del HTML: qué son html, head y body, para qué sirve la declaración inicial, dónde va el título de la pestaña y cómo se organizan las carpetas de un sitio.
• Etiquetas esenciales: cómo se abre y se cierra una etiqueta, qué son los atributos, qué etiquetas son de bloque y cuáles de línea, y los errores de anidación que rompen la página.
• Texto, encabezados y párrafos: los seis niveles de encabezado, párrafos, saltos de línea, comentarios y caracteres especiales del castellano y de otros idiomas.
• Enlaces e hipervínculos: rutas relativas y absolutas, enlaces internos con anclas, correo electrónico, ventanas nuevas y atributos de accesibilidad en los enlaces.
• Imágenes y recursos multimedia: formatos de imagen, texto alternativo, tamaño declarado en el código y cómo incrustar audio o vídeo sin plugins.
• Formato con estilos y atributos: negrita, cursiva, subrayado, subíndice y superíndice; cuándo usar etiquetas lógicas y cuándo conviene dejarlo en manos de una hoja de estilos.
• Estilo lógico y caracteres especiales: diferencia entre presentación y significado, entidades HTML para símbolos y tildes, y por qué ese detalle importa en buscadores y lectores de pantalla.
• Listas y tablas: listas ordenadas, no ordenadas y de definición; tablas con encabezado, filas, celdas combinadas y su uso correcto para datos y no para maquetar.

Para quién es

Es un punto de entrada para estudiantes de informática, opositores, diseñadores que quieren entender el código de sus plantillas y cualquier persona que necesite publicar contenido propio sin depender de un gestor. También sirve para quien ya trabaja con WordPress o un CMS y quiere saber qué hay debajo del editor visual.

Conviene tener claro qué cubre y qué no: es un curso de HTML en profundidad, no de CSS moderno ni de JavaScript. Aprenderás a estructurar y marcar el contenido; el diseño avanzado, las rejillas y las animaciones se estudian en materiales aparte.

Preguntas frecuentes

¿Hace falta saber programar antes de empezar?

No. HTML es un lenguaje de marcado, no de programación: describes qué es cada parte del contenido. El curso parte de cero y el primer ejemplo cabe en diez líneas.

¿Es un material anticuado?

Sigue siendo válido para aprender los fundamentos, que apenas han cambiado: etiquetas semánticas, enlaces, imágenes, listas y tablas son las mismas. Las novedades posteriores de la web se apoyan en esta base y el propio curso insiste en separar el contenido de la presentación.

¿Qué necesito para practicar?

Un navegador y un editor de texto plano. No hace falta instalar servidores ni comprar nada: guardas el archivo con extensión .html y lo abres con doble clic.

¿Sirve para trabajar como desarrollador web?

Es el primer paso obligatorio, pero no el único. Después conviene estudiar CSS para el diseño, JavaScript para la interacción y accesibilidad para llegar a todos los usuarios.

Cómo estudiarlo con provecho

La forma más eficaz es leer un bloque y reescribir el ejemplo a mano en lugar de copiarlo: cambia el texto, añade un enlace, rompe algo a propósito y arréglalo. Al terminar el temario serás capaz de maquetar una página completa de varias secciones con enlaces internos, imágenes, listas y una tabla bien construida.