/ No cliques aquí - Contacto

Tutorial HTML gratuito. Aprende a estructurar tus páginas web.

Home > Tutorial HTML gratuito. Aprende a estructurar tus páginas web. (Page 6)

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.

Las entradas que encontraréis son resúmenes reales del curso IFCD0110 de confección y publicación de páginas web.

El html es un lenguaje de marcas que constituye el pilar fundamental sobre el que iniciarse en el mundo web.

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

Has intentado separar palabras en blanco pulsando el espaciador? Seguramente has comprobado que no funciona. En esta publicación vemos un ejemplo de como se debe hacer con HTML....

17 septiembre, 2018 /

¿Eres de los que se fija en todos los detalles de una página web cuando navega? Entonces el favicon es para ti. En esta entrada te explico que es y para que sirve....

19 agosto, 2018 /

Una duda frecuente cuando nos iniciamos en el mundo del html es saber cuando debemos usar un h1, un h2, un h3 o hasta un h4. En esta entrada miramos de dar un criterio lógico que pueda servir de ayuda....

11 julio, 2018 /