Curso «Fundamentos de HTML y CSS»
Actualizado
pages.courses.show.free_course
Incluye
Descripción
¿Quieres crear tus propias páginas web desde cero? 🌐 En este curso aprenderás los fundamentos de HTML y CSS: cómo estructurar contenido, aplicar estilos y depurar tu código con DevTools. Harás ejercicios prácticos en cada lección, usarás herramientas como Emmet y publicarás tu primer sitio con GitHub Pages.
🐣 Ideal para quienes están empezando en el mundo del desarrollo web.
Qué aprenderás
- Crear páginas web estáticas con HTML y darles estilo con CSS.
- Aplicar buenas prácticas de maquetación para organizar el contenido.
- Escribir código limpio y ordenado desde el inicio.
Lecciones del curso
1 | Marcado HTML En esta lección aprenderás los conceptos básicos de HTML, el lenguaje utilizado para estructurar el contenido de las páginas web. |
2 | Etiquetas Aprenderás a usar etiquetas en HTML, para estructurar texto en una página. |
3 | Anidación de etiquetas En esta lección aprenderás sobre la anidación de etiquetas en HTML, un concepto que permite crear estructuras más complejas, como listas, utilizando etiquetas dentro de otras. |
4 | Atributos HTML Aprenderás qué son los atributos en HTML, cómo se utilizan para enriquecer los elementos con información adicional, y cómo afectan la visualización o el comportamiento de la página. |
5 | Encabezados En esta lección aprenderás a dividir contenido en secciones lógicas, como en informes o libros, facilitando la navegación y comprensión. |
6 | Listas Aprendere a usar listas en HTML para organizar información de manera clara y funcional. |
7 | Enlaces En esta lección aprenderás a usar enlaces, esenciales para navegar entre páginas, documentos y secciones. |
8 | Imágenes Trabajarás con imágenes en HTML, usando los atributos src para la ruta, alt para accesibilidad y width y height para ajustar dimensiones. |
9 | Estructura básica de un documento HTML Todo documento HTML tiene una estructura básica con etiquetas esenciales para que el navegador muestre la información. En esta lección, analizaremos cada línea de esta estructura. |
10 | Elementos Semánticos Descubrirás cómo las etiquetas semánticas de HTML5 mejoran la estructura y la accesibilidad de los sitios web. |
11 | Estructura básica en HTML5 Aprenderás a usar etiquetas semánticas para definir la estructura de una página web, mejorando la organización y accesibilidad del código. |
12 | Organización del contenido en HTML5 Aprenderás a estructurar el contenido dentro de `<main>` usando `<section>`, `<article>` y `<aside>`, mejorando la organización y claridad del código. |
13 | Elementos de bloque y en línea En esta lección descubrirás las diferencias entre elementos de bloque y en línea en HTML, explorando cómo afectan la estructura y disposición de los contenidos en una página. |
14 | Fundamentos de CSS 🎨 CSS se creó para el diseño visual de páginas web. Aprenderemos lo básico del lenguaje, cómo usarlo con HTML, a vincular archivos CSS. |
15 | Selectores Aprenderemos sobrelos tipos básicos de selectores. |
16 | Cascada en CSS ¿Qué es la cascada y cómo funciona en CSS? Esta lección se centra en las diferencias de prioridad de los selectores y en cómo utilizarlo en tus proyectos. |
17 | Editores de código Para guardar los resultados de tu trabajo, necesitarás un editor de código. En esta lección, aprenderemos cómo instalar Visual Studio Code. Esta es una herramienta poderosa que se puede utilizar no solo para el diseño web, sino también para programar en cualquier lenguaje. |
18 | Cierre Cerramos el curso repasando lo aprendido y contándote los siguientes pasos. Ya estás listo para crear tus primeras páginas web y seguir avanzando como desarrollador. |
Desafíos
1 | Tarjetas de perfil |
- Práctica en el navegador
- Acceso permanente a la teoría
- Aprende a tu ritmo
pages.courses.show.free_course