Welcome to the HTML & CSS section of mC0de, where you’ll learn how websites are built from the ground up, with HTML giving your webpages structure and CSS giving them style as the foundation of modern web development. Whether you’re brand new to coding or brushing up on the fundamentals, start below and build your skills one lesson at a time.
🚀 Your mC0de Progress
0 of 17 Lessons🌐 HTML Fundamentals
Start here if you're completely new to HTML.
Hello, World!
Create your first webpage and learn the basic structure of an HTML document.
Start Lesson → Completed 02Basic Elements
Learn about headings, paragraphs, containers, and the essential building blocks of HTML.
Start Lesson → Completed 03Links
Learn how to connect pages and create clickable links throughout your website.
Start Lesson → Completed 04Lists
Create ordered, unordered, and structured lists for organizing information.
Start Lesson → Completed 05Images
Learn how to add images to your webpages and control how they are displayed.
Start Lesson →🎨 CSS Fundamentals
Once you understand HTML, it's time to make your pages look better.
Styles
Learn how CSS works and how to apply styles to HTML elements.
Start Lesson → Completed 07Classes
Create reusable CSS styles and apply them to different elements.
Start Lesson → Completed 08Selectors
Learn how to target specific HTML elements with CSS.
Start Lesson → Completed 09Pseudo-classes
Add styles for different states, such as when a user hovers or interacts with an element.
Start Lesson → Completed 10Colors
Learn how to work with colors and create visually appealing webpages.
Start Lesson → Completed 11Display
Understand how elements are displayed, positioned, and arranged on a page.
Start Lesson → Completed 12Box Model
Learn content, padding, borders, and margins — one of the most important concepts in CSS.
Start Lesson →📐 Layout & Design
Start building more structured, responsive, and professional webpages.
Grid Layout
Learn how to organize content into flexible rows and columns.
Start Lesson → Completed 14UI Libraries
Discover libraries that can help you create interfaces faster.
Start Lesson → Completed 15Bootstrap
Learn how to use one of the most popular frameworks for building responsive websites.
Start Lesson → Completed 16Icons
Add icons and visual elements to improve the design and usability of your webpages.
Start Lesson →⚡ What's Next?
You've learned how to build and style webpages. Now it's time to make them interactive.