Este curso de HTML para desarrolladores web proporciona una descripción general sólida para desarrolladores, desde principiantes hasta expertos en HTML.
Te damos la bienvenida al 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 ese contenido, que se muestra en tu navegador web.
A menos que estés leyendo un PDF o una versión impresa de esta página, el contenido está compuesto por varios elementos y texto HTML. El 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 se usa a menudo para manipular los objetos dentro de un documento. Los sitios que se compilan con frameworks de JavaScript solo manipulan el código HTML. A su vez, es importante que marques tu código HTML de manera que las secuencias de comandos puedan analizarlo fácilmente y que las tecnologías de accesibilidad puedan comprenderlo 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 principiantes hasta expertos en HTML. Si es la primera vez que usas HTML, aprenderás a crear contenido estructuralmente sólido. Si llevas años creando sitios web, este curso puede llenar los vacíos de conocimiento que ni siquiera sabías que tenías.
A lo largo de 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. Cada sección presenta el tema con explicaciones y ejemplos breves, lo que te brinda la oportunidad de explorar más. Habrá 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 incluirá prácticas recomendadas y problemas específicos de accesibilidad, con vínculos a análisis más detallados sobre el tema. Cada sección tendrá 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
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 tus documentos
HTML semántico
Usar los elementos HTML correctos para describir el contenido de tu documento
Títulos y secciones
Cómo usar correctamente los elementos de división para darle sentido a tu contenido
Atributos
Obtén información sobre los diferentes atributos globales, junto con los atributos específicos de elementos HTML en particular.
Aspectos 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 de 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 contenido multimedia HTML, como audio y video.
Plantilla, ranura y sombra
Una explicación de la plantilla, el espacio y la sombra.
APIs de HTML
Aprende cómo se puede exponer y manipular la información HTML con JavaScript.
Enfoque
Cómo administrar el orden de enfoque en tus documentos HTML
Otros elementos de texto intercalado
Una introducción al rango de elementos que se usan para marcar texto.
Detalles y resumen
Descubre cómo funcionan los elementos de resumen y 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
A continuación, te presentamos algunos recursos adicionales.
Entonces, ¿está todo listo para aprender HTML? Comencemos.