Tutorial HTML gratuito

Aprende a estructurar tus páginas web

Tutorial html dónde se describen el conjunto de etiquetas html, xhtml y html5 necesarias para introducirse en el mundo de la implementación web.

Tabla de contenidos

Este tutorial incluye entradas resúmenes reales del curso IFCD0110 de confección y publicación de páginas web, ejercicios y algún examen real tipo test sin indicar las respuestas (lo siento de corazón pero no puedo compartir las soluciones de exámenes tipo test con el fin de evitar incompatibilidades con mi profesión, gracias por vuestra comprensión).

Espero que este tutorial os pueda ser de utilidad para aprender html.

Índice de contenidos de este tutorial HTML

  1. Introducción al HTML. Cuerpo de un documento HTML.
  2. Etiquetas básicas HTML5 y XHTML 
  3. Como comentar código en HTML
  4. Como usar los encabezados h1 a h6 en html
  5. Como anidar etiquetas correctamente
  6. Respuestas a dudas típicas que todos tenemos cuando aprendemos html por primera vez
  7. Espacios en blanco con html
  8. Errores html típicos que todos cometemos alguna vez
  9. Carácteres escapados
  10. Listas no ordenadas, ordenadas y de definiciones
  11. Enlaces: La etiqueta a
  12. Anclas HTML
  13. Como navegar por el árbol de una página web mediante enlaces html
  1. Tipos de formatos de imagen. jpg, png, gif, svg
  2. La etiqueta img
  3. Mapas de imágenes
  4. Etiquetas audio y video
  5. Tablas (básico)
  6. Tablas (avanzado)
  7. Frameset
  8. Meta Tags
  9. Validadores de código html y css
  10. Creación de la estructura web con capas
  11. Formularios web
  12. Resumen de atributos html
  13. La instrucción !DOCTYPE html
  14. Html obsoleto que deberías borrar de tu mente

Otros contenidos HTML del blog

  1. Factores que afectan al tiempo de carga de una página web
  2. Embellecer o comprimir tu código html
  3. ¿Qué sucede cuando te inventas etiquetas html?
  4. Cuidado con los tutoriales obsoletos sobre web
  5. La importancia de usar bien la tecla tabulador
  6. La huelga del 21 de RENFE. Y la del 31, y la del 14, …
  1. Cómo y cuando usar las etiquetas q, blockquote y cite
  2. Etiquetas xmp, pre, code
  3. ¿Se pueden hacer listas numeradas negativas con html?

Ejercicios HTML

La siguiente colección de ejercicios y prácticas está ordenada siguiendo el orden de conceptos de este tutorial.

Todos los ejercicios están concebidos para usar xhtml o html5.

Atención: Los ejercicios que están en texto negro todavía no están publicados.

  1. Ejercicio 1. Estructura de un documento web. Corrige los errores.
  2. Ejercicio 2. Documento web con etiquetas de texto básicas.
  3. Ejercicio 3. Practicando con etiquetas de texto menos comunes pero igualmente útiles e importantes.
  4. Ejercicio 4. Practicando con el uso adecuado de las etiquetas de encabezado.
  5. Ejercicio 5. Códigos HTML y Nombres HTML
  6. Ejercicio 6. Ejemplo de cuando no hay más remedio que usar caracteres escapados.
  7. Ejercicio 7. Espacios en blanco y encabezados
  8. Ejercicio 8. Ejemplo de listas de definiciones.
  9.  Ejercicio 9. Practicando con listas ordenadas y listas no ordenadas.
  10. Ejercicio 10. Practicando con listas anidadas (avanzado).
  11. Ejercicio 11. Listas correctamente anidadas.
  12. Ejercicio 12. Lidiando con URL relativas.
  13. Ejercicio 13. Libro digital navegable.
  14. Ejercicio 14. Repaso. Corrige los errores.
  1. Ejercicio 15. Mapas de imágenes.
  2. Ejercicio 16. Mapas de imágenes (más difícil).
  3. Ejercicio 17. Jugando con las etiquetas audio y vídeo.
  4. Ejercicio 18. Por una vez hagamos la excepción… juguemos con frameset.
  5. Ejercicio 19. Creación de tablas.
  6. Ejercicio 20. Ejercicio fácil creación de tablas
  7. Ejercicio 21. Repaso. Corrige los errores.
  8. Ejercicio 22. Iniciación a las capas mediante div e id
  9. Ejercicio 23. Estructuración de un documento web con div e id
  10. Ejercicio 24. Traducción del ejercicio 22 de xhtml a html5
  11. Ejercicio 25. Traducción del ejercicio 23 de xhtml a html5
  12. Ejercicio 26. Creación de formularios siguiendo especificaciones.
  13. Ejercicio 27. Repaso.
  14. Ejercicio 28. Examen final.
  15. Ejercicio 29. 20 preguntas test extra.

Últimos contenidos sobre HTML del blog