Fundamentos básicos de HTML

Cuales son los principios básicos de la programación HTML

Lección 1: Reglas de Programación

• Etiquetas de uso común

  • Ejemplo práctico

Lección 2: Listas en HTML

• Tipos de listas en HTML

• Listas Ordenadas

• Listas Desordenadas

  • Ejemplo Práctico

• Listas de Definición

  • Ejemplo Práctico

• Asignación práctica de la lección

Lección 3: Tablas en HTML “Presentación y organización de datos”

• Etiquetas

• Atributos

  • Sintaxis

  • Ejemplo práctico con formato básico

  • Ejemplo práctico con celdas combinadas y encabezados

• Asignación práctica de la lección

Lección 4: Formularios en HTML “Recopilación de datos”

• Etiquetas

• Atributos y modificadores

  • Ejemplo práctico básico: programación de un formulario de contacto.

  • Ejemplo práctico avanzado: programación de un formulario de solicitud de datos personales.

• Asignación práctica de la lección

Lección 5: Las etiquetas Meta “Las instrucciones de uso de una página”

• Definición y uso de las meta-etiquetas

• Listado y función de las etiquetas meta

  • Ejemplo práctico sobre la programación de las etiquetas meta.

Lección 6: Categorías de contenidos “La estructura de un documento html”

• Tipos de documentos HTML

• Las categorías de contenidos en HTML

• Contenidos de Seccionamiento

  • Ejemplo práctico

Lección 7: Contenidos Multimedia “Inclusión de audio y vídeo”

• Contenido interactivo incrustado (audio)

• Sintaxis de la etiqueta Audio

• Contenido interactivo incrustado (vídeo)

• Sintaxis de la etiqueta Vídeo

  • Ejemplo practico de inclusión de contenidos interactivos (Video desde youtube)

Lección 8: Creación de gráficos “Diseño de gráficos vectoriales”

• Sintaxis y uso de la etiqueta SVG

• Sintaxis y atributos de la etiqueta LINE

• Sintaxis y atributos de la etiqueta CIRCLE

• Sintaxis y atributos de la etiqueta LINE

  • Ejemplo practico de programación de una línea recta

  • Ejemplo practico de programación de un polígono de 4 lados

  • Ejemplo practico de programación de un circulo

Lección 9: Maquetación de contenidos “Maquetación de textos, imágenes, audio y vídeo”

• La etiqueta figure

  • Ejemplo práctico de la etiqueta figure

CONTENIDO EXTRA

Lección 10: Nuevas funcionalidades de los formularios en HTML 5

• Etiqueta form: Modificadores

• Etiqueta type: valores

• Etiqueta type: ejemplos

  • Ejemplo práctico de las nuevas funcionalidades de la etiqueta type.