El HTML es la capa de documentos de la Web, que proporciona la estructura y el contenido necesarios para que las páginas web sean significativas. Aquí, puedes encontrar contenido para HTML, como cursos, artículos, colecciones y otros datos útiles que te ayudarán a ampliar tus conocimientos sobre esta parte fundamental de la Web.
¿Es la primera vez que usas HTML? Tenemos un curso integral para ayudarte a comenzar.
Consulta estos otros cursos para profundizar en temas específicos de HTML.
Obtén información sobre las últimas funciones de HTML que están recientemente disponibles en los principales motores de navegador.
Aprende patrones y conceptos de HTML para ayudarte a compilar aplicaciones web más accesibles.
Aprende conceptos y patrones basados en HTML para hacer que tus aplicaciones web sean más rápidas.
Aprende a usar las Herramientas para desarrolladores de Chrome para depurar HTML y el DOM en tus aplicaciones web.
CURSO

Si es la primera vez que utilizas HTML, aquí tenemos lo que necesitas. Nuestro curso Aprende HTML te guía por los aspectos básicos del funcionamiento del HTML, como las inquietudes estructurales, los metadatos, la semántica y otros temas que te ayudarán a perfeccionar tus habilidades.

Si estás interesado en aprender más sobre HTML, estos otros cursos te enseñarán sobre temas más avanzados que el uso puede usar para mejorar tus aplicaciones web.

Los formularios HTML les permiten a los usuarios proporcionar entradas para tus aplicaciones web. En este curso, aprenderás todo lo que necesitas saber para usarlos de manera eficaz.
Si bien las imágenes se usan comúnmente en la Web, hay más que usar el elemento img. En este curso, aprenderás todo lo que necesitas saber para usar imágenes en la Web.
Si bien la accesibilidad abarca todas las partes de la plataforma web, escribir HTML accesible es la piedra angular para crear aplicaciones web accesibles. En este curso, aprenderás todo lo que necesitas saber para escribir un lenguaje de marcado accesible.

Los indicadores de Baseline les indican a los desarrolladores web cuándo las funciones de la plataforma web se pueden usar de forma segura en todos los motores de navegador principales. Estas son algunas funciones de HTML que ahora están disponibles en Baseline.

El Shadow DOM declarativo se convirtió en el modelo de referencia disponible en 2024.
La API de Popover se convirtió en Baseline de nueva disponibilidad en 2024.
El atributo inert pasó a estar disponible como Baseline en 2023.
La carga diferida de iframes se convirtió en el modelo de referencia disponible recientemente en 2023.

El HTML es una parte fundamental de la compilación de aplicaciones web accesibles. En esta sección, encontrarás artículos y recursos que te ayudarán a obtener más información para usar HTML y compilar aplicaciones web accesibles.

Si usas los elementos correctos para los encabezados y los puntos de referencia, puedes mejorar de forma significativa la experiencia de navegación de los usuarios de tecnología de accesibilidad.
Si usas los elementos HTML semánticos correctos, podrás satisfacer la mayoría de tus necesidades de acceso al teclado, o todas ellas. Esto significa menos tiempo jugando con el atributo tabindex y más usuarios felices.
Muchos usuarios con discapacidades motoras temporales y permanentes dependen de las combinaciones de teclas para navegar por las aplicaciones con mayor eficiencia. Tener una buena estrategia de navegación con el teclado para tu aplicación crea una mejor experiencia para todos.
Para que un lector de pantalla le presente al usuario una IU hablada, los elementos significativos deben tener etiquetas o alternativas de texto adecuadas. Una etiqueta o una alternativa de texto le da a un elemento su nombre accesible, una de las propiedades clave para expresar la semántica del elemento en el árbol de accesibilidad.

La forma en que usas el código HTML puede afectar el rendimiento de tus aplicaciones web. En esta sección, encontrarás artículos y recursos que te ayudarán a obtener más información sobre cómo usar HTML para que tus aplicaciones web sean más rápidas.

El escáner de precarga del navegador es un analizador de HTML especializado que el navegador utiliza para descubrir recursos antes de lo que lo haría de otro modo. Descubre cómo ayuda al rendimiento de las aplicaciones web y cómo puedes evitarlo.
La API de Fetch Priority usa el atributo HTML fetchpriority para indicar la prioridad relativa de los recursos para el navegador. Puede habilitar una carga óptima y mejorar las Métricas web esenciales.
La precarga de recursos es una técnica que usa el elemento HTML link para indicarle al navegador que recupere un recurso antes de que sea necesario. Obtén información para usarlo y mejorar el rendimiento de tus aplicaciones web en esta guía.
Las imágenes de carga diferida son una técnica eficaz para ahorrar ancho de banda durante la carga inicial de una página. En esta guía, aprenderás a usar el elemento loading de HTML para cargar imágenes de forma diferida.

Chrome DevTools es un paquete de herramientas para que los desarrolladores depuren aplicaciones web. A continuación, se incluyen algunas herramientas sugeridas que puedes consultar para ayudarte a depurar el HTML y el DOM de tu página en tus aplicaciones web, así como otros conceptos afines.

DevTools ofrece el panel Elements, que te permite ver, editar y depurar el DOM de tu aplicación web. Lee esta guía para comenzar a usar el panel Elements.
El panel Elements de Herramientas para desarrolladores te permite detectar cambios en el DOM activados por JavaScript. Aprende a usar esta función útil para depurar cambios en el DOM de tu aplicación web.
El panel Cobertura es una herramienta útil para encontrar el código CSS y JavaScript sin usar que carga el HTML de tu aplicación web. En esta guía, se muestra cómo usarlo y cómo puede mejorar el rendimiento de tus aplicaciones web.