Guía básica HTML 5

¡Hola!

La intención de esta Guía Básica es apoyar la enseñanza y aprendizaje en el aula, del lenguaje HTML, sus características, aplicaciones y la relación con el CSS.

Contiene una selección de etiquetas básicas, clasificadas según su tipo y funcionalidad. Está diseñada para ayudar al docente a guiar los procesos de enseñanza, como material de práctica, experimentación y consulta en el aprendizaje para los recién iniciados en el tema.

Acerca de esta Guía

Puesto que HTML es un lenguaje extenso, este Sitio se centra en las etiquetas básicas, seleccionadas con base en los siguientes principios:

  • Obligatoriedad: Etiquetas necesarias para el desempeño y despliegue correcto de un documento Web.
  • Uso común: Etiquetas de elementos comúnmente presentes en páginas y sitios Web como texto con formatos básicos, imágenes, videos, etc.
  • Interacción básica: Etiquetas necesarias para navegación y creación de componentes de interacción básica con el usuario, como enlaces y formularios simples.
  • Buenas prácticas de maquetación: Etiquetas que favorezcan la construcción semántica de páginas Web sustentada en buenas prácticas.

Las etiquetas están clasificadas con base en criterios de tipo y funcionalidad, en las diferentes secciones de la Guía.

Cada sección cuenta con fichas descriptivas que, en función de las características de la etiqueta descrita se componen de los siguientes elementos:

  • Nombre de la etiqueta
  • Descripción
  • Atributos destacados (solo si aplica)
  • Etiquetas secundarias (solo si aplica)
  • Sintaxis
  • Vista de estilos (solo si aplica)

¿Cómo funciona?

Se trata de una Guía multifuncional que aborda las etapas principales de desarrollo de un Sitio Web. Las fases del proceso y sus beneficios son:

  1. Selección y clasificación de información: Permite ejemplificar el proceso de preparación de contenidos.
  2. Definición de arquitectura de contenidos: Ayuda a tener una idea clara de cómo estructurar el contenido de un Sitio Web.
  3. Prototipado básico y estructura semántica: Ilustra el proceso de conversión del diseño visual de la interfaz de usuario a una estructura semántica HTML.
  4. Del prototipo al código: Ejemplifica el desarrollo de una página de ejemplo de la Guía como muestra para el desarrollo de todo el Sitio.
  5. Experimentando con CSS: Cada ficha descriptiva ofrece una sección para que el docente y alumnos lleven a cabo pruebas de propiedades CSS durante el proceso de desarrollo de la Guía.
  6. Material de referencia propio: Al concluir la construcción del material. éste se convierte en una fuente de consulta básica y referencia para el futuro.