Te damos la bienvenida a Learn HTML.

Este curso de HTML para desarrolladores web proporciona una descripción general sólida para desarrolladores, desde HTML de nivel principiante hasta experto.

Te damos la bienvenida a HTML. El lenguaje de marcado de hipertexto, o HTML, es la columna vertebral de la web, ya que proporciona el contenido, así como la estructura de este, que ve en su navegador web.

A menos que leas un archivo PDF o una versión impresa de esta página, este contenido se compone de varios elementos HTML y texto. HTML es la capa de contenido de la Web. Los elementos HTML son los nodos que conforman el Modelo de objetos del documento.

Las Hojas de estilo en cascada proporcionan el aspecto o la capa de presentación de la página. JavaScript es la capa de comportamiento que suele usarse para manipular los objetos de un documento. Los sitios creados con frameworks de JavaScript en realidad están manipulando HTML. A su vez, es importante marcar tu HTML de manera que las secuencias de comandos puedan analizarse fácilmente y que las tecnologías de asistencia puedan entenderlos con facilidad. Esto significa escribir código HTML con estándares modernos.

Descripción general

Este curso de HTML para desarrolladores web proporciona una descripción general sólida para desarrolladores, desde HTML de nivel principiante hasta experto. Si es la primera vez que usas HTML, aprenderás a crear contenido con sonido estructural. Si llevas años creando sitios web, este curso podría llenar un vacío de conocimiento que ni siquiera sabías que tenías.

A lo largo de este recorrido, compilaremos la estructura de MachineLearningWorkshop.com. No se dañaron las máquinas al crear esta serie.

Esta no es una referencia completa. En cada sección, se presenta el tema con breves explicaciones y ejemplos, lo que te brinda la oportunidad de explorar más a fondo. Habrá vínculos a referencias a temas, como las especificaciones MDN y WhatWG, y otros artículos de web.dev. Aunque este no es un curso sobre accesibilidad, cada sección incluirá prácticas recomendadas de accesibilidad y problemas específicos, con vínculos para profundizar en el tema. Cada sección incluirá una breve evaluación para que las personas confirmen su comprensión.

Esto es lo que aprenderás:

Descripción general de HTML

Una breve introducción a los conceptos clave de HTML.

Estructura del documento

Aprende a estructurar tus documentos HTML con una base sólida.

Metadatos

Cómo usar metaetiquetas para proporcionar información sobre los documentos

HTML semántico

Usa los elementos HTML correctos para describir el contenido de tu documento.

Encabezados y secciones

Cómo usar correctamente los elementos de sección para darle significado a tu contenido

Attributes

Obtenga información acerca de los diferentes atributos globales y los atributos específicos de elementos HTML específicos.

Conceptos básicos del texto

Cómo dar formato al texto con HTML

Todo lo que necesitas saber sobre los vínculos.

Listas

Listas y otras formas de agrupar tu contenido

La navegación es un elemento clave en cualquier sitio de aplicación y comienza con HTML.

Tablas

Comprender cómo usar tablas para marcar datos tabulares

Formularios

Una descripción general de los formularios en HTML.

Imágenes

Una descripción general de las imágenes en HTML.

Audio y video

Descubre cómo trabajar con medios HTML, como audio y video.

Plantilla, espacio y sombra

Una explicación de plantilla, espacio y sombra.

APIs de HTML

Descubre cómo la información HTML se puede exponer y manipular mediante JavaScript.

Enfoque

Cómo administrar el orden del enfoque en tus documentos HTML

Otros elementos de texto intercalados

Una introducción a la variedad de elementos utilizados para marcar texto.

Detalles y resumen

Descubre cómo funcionan los detalles y elementos de resumen muy útiles, y dónde usarlos.

Diálogo

El elemento <dialog> es útil para representar cualquier tipo de diálogo en HTML. Descubre cómo funciona.

Conclusión y próximos pasos

Para concluir con algunos recursos adicionales.

¿Todo listo para aprender HTML? Comencemos.