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.

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


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 14. Jugando con la etiqueta audio.
  2. Ejercicio 15. Jugando con la etiqueta video.
  3. Ejercicio 16. Por una vez hagamos la excepción… juguemos con framesets.
  4. Ejercicio 17. Creación de tablas.
  5. Ejercicio 18. Repaso. Corrige los errores.
  6. Ejercicio 19. Creación de formularios siguiendo especificaciones.
  7. Ejercicio 20. Formularios con desplegables.
  8. Ejercicio 21. El sistema solar.
  9. Ejercicio 22. Iniciación a las capas mediante div e id
  10. Ejercicio 23. Estructuración de un documento web con div e id
  11. Ejercicio 24. Traducción del ejercicio 21 de xhtml a html5
  12. Ejercicio 25. Traducción del ejercicio 22 de xhtml a html5

Últimos contenidos sobre HTML del blog

Tratamos las etiquetas que permiten preformatear el texto de un documento web. Como se escriben, para que sirven y sus peculiaridades con un ejemplo práctico. Veréis el código html y el resultado por pantalla....

El lenguaje de marcas sirve para dotar de estructura y contenido a un documento web. Mediante la etiqueta div veremos un ejemplo de como dotar de estructura a una página web. Y después utilizaremos las etiquetas HTML5 para dotar de semántica a nuestra página. Mostramos un ejemplo de cada y como pasamos de html4 a html5...

Incluso los programadores y diseñadores más experimentados cometen errores de sintaxis o vocabulario picando código en lenguaje html, css, javascript y cualquier otro lenguaje de programación. Nos pasa a todos. Es humano. Es aquí cuando las máquinas acuden a nuestro poder. Hoy abordamos el tema de los validadores de código....

Las meta etiquetas son un tipo de tags que se escriben en la cabecera de un documento web que aportan información técnica a los motores de búsqueda sobre como deben leer nuestro sitio web. Vemos los tipos que existen, como se escriben y la opinión oficial de Google....

Hoy en día se nos hace difícil imaginar aquellas primeras páginas web sin imágenes. La etiqueta de html se propuso por primera vez en 1993 por Marc Andreessen. En esta entrada presentamos la etiqueta html, los tipos de imágenes e indicamos que atributos ya no se deben usar en html5....

La web sería muy distinta a como la conocemos hoy de no ser por Tim Berners-Lee y la invención en 1989 de la etiqueta enlace. El hipervínculo hizo posible incorporar a documentos estructurados y marcados el comportamiento de hipertexto y que daría lugar al HTML. Veamos los tipos de enlace y sus atributos....