Este curso de HTML para desarrolladores web proporciona una descripción general sólida para desarrolladores, desde principiantes hasta expertos en HTML.
El lenguaje de marcado de hipertexto, o HTML, es la base de la Web, ya que proporciona el contenido y la estructura de ese contenido que ves en tu navegador web.
A menos que estés leyendo un PDF o una versión impresa de esta página, este contenido se compone de varios elementos HTML y texto. El HTML es la capa de contenido de la Web. Los elementos HTML son los nodos que componen 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 y, a menudo, se usa para manipular los objetos dentro de un documento. Los sitios creados con frameworks de JavaScript solo manipulan HTML. A su vez, es importante que marques tu código HTML de manera que los secuencias de comandos puedan analizarlo fácilmente y que las tecnologías de asistencia puedan comprenderlo.
Esto significa escribir código HTML con estándares modernos.
Qué aprenderás
Este curso de HTML para desarrolladores web proporciona una descripción general sólida para los desarrolladores, desde el nivel principiante hasta el experto en HTML. Si es la primera vez que usas HTML, aprenderás a crear contenido estructuralmente sólido. Si has creado sitios web durante años, este curso puede llenar las brechas de conocimiento que ni siquiera sabías que tenías.
En este recorrido, crearemos la estructura de MachineLearningWorkshop.com. No se dañó ninguna máquina durante la creación de esta serie.
Esta no es una referencia completa. En cada sección, se presenta el tema con explicaciones y ejemplos breves, lo que te brinda la oportunidad de explorar más a fondo. Hay vínculos a referencias de temas, como las especificaciones de MDN y WHATWG, y otros artículos de web.dev. Si bien este no es un curso de accesibilidad, cada sección incluye prácticas recomendadas de accesibilidad y problemas específicos, con vínculos a análisis más detallados sobre el tema. Cada sección tiene una evaluación breve para ayudar a las personas a confirmar su comprensión.
Esto es lo que aprenderás:
Descripción general de HTML
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 las metaetiquetas para proporcionar información sobre tus documentos
HTML semántico
Usar los elementos HTML correctos para describir el contenido del documento
Encabezados y secciones
Cómo usar correctamente los elementos de división para darle significado a tu contenido
Atributos
Obtén información sobre los diferentes atributos globales y los atributos específicos de determinados elementos HTML.
Conceptos básicos del texto
Cómo dar formato al texto con HTML
Vínculos
Todo lo que necesitas saber sobre los vínculos.
Listas
Listas y otras formas de agrupar tu contenido
Navegación
La navegación es un elemento clave de cualquier sitio o aplicación, y comienza con HTML.
Tablas
Comprender cómo usar tablas para marcar datos tabulares
Formularios
Descripción general de los formularios en HTML
Imágenes
Descripción general de las imágenes en HTML.
Audio y video
Descubre cómo trabajar con medios HTML, como audio y video.
Plantilla, ranura y sombra
Explicación de los conceptos de plantilla, ranura y sombra
APIs de HTML
Aprende cómo se puede exponer y manipular la información de HTML con JavaScript.
Enfoque
Cómo administrar el orden del enfoque en tus documentos HTML
Otros elementos de texto intercalado
Introducción al rango de elementos que se usan para marcar texto.
Detalles y resumen
Descubre cómo funcionan los elementos de resumen y los detalles 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
Concluiremos con algunos recursos adicionales.
Entonces, ¿todo listo para aprender HTML? Comencemos.