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
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 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.