Build a Website with HTML, CSS, and GitHub Pages
Learn the basics of web development to build your own website.
Includes HTML, CSS, Responsive Design, Flexbox, CSS Transitions, GitHub Pages, and more.
Time to completeAverage based on combined completion rates — individual pacing in lessons, projects, and quizzes may vary16 hours
Certificate of completionYes
About this skill path
One of the best ways to start coding is by building websites. Whether you want to tweak your business’s site, hone your web development skills, or learn to collaborate with developers, this Skill Path will help you get there. Learn important HTML and CSS fundamentals and practice your new skills with real-world projects.
Skills you'll gain
- Read and write basic HTML
- Implement basic web design principles
- Build a static website
- Launch a website with GitHub Pages
Syllabus9 units • 18 lessons • 15 projects • 14 quizzes
In this unit, you will learn the basics of HTML. HTML is a language that provides structure to website content.
This unit provides an overview of CSS, the language used to give websites style.
How to Build Websites on Your Own Computer
Get setup to build websites on your own computer!
Intermediate CSS: Colors and Typography
Learn the CSS syntax required to adjust the colors and typography of a website.
Intermediate CSS: Layout and Positioning
Learn how to use CSS to adjust the arrangement of content on your website.
Responsive Design and Accessibility
This unit will teach you how to make websites that are usable via different device sizes and screen readers.
Advanced CSS: Flexbox and CSS Transitions
Push your web design skills with more advanced CSS syntax, including the industry standard layout tool Flexbox, and CSS transitions.
Projects in this skill path
Fashion BlogIt's time to build fluency in HTML Fundamentals. In this next project, we're going to practice Structure in HTML so you can hone your skills and feel confident taking them to the real world. Why? This project will help you to understand and master the building blocks of a webpage. It'll all build up from these foundations. What's next? A blogger, a developer, a stylish website. You got this!
Wine Festival ScheduleIn this project, we're going to practice tabular organization in HTML so you can hone your skills and feel confident taking them to the real world. Why? If you're going to have data on a webpage, you've got to master the skill of effectively and aesthetically organizing it – an HTML table is the perfect solution.
Olivia Woodruff PortfolioIn this project, we're going to practice Visual Rules in CSS so you can hone your skills and feel confident taking them to the real world. Why? It's important to have a good grasp on the basic styling principles of a webpage.
Reviews from learners
- The progress I have made since starting to use codecademy is immense! I can study for short periods or long periods at my own convenience - mostly late in the evenings.ChrisCodecademy Learner @ USA
- I felt like I learned months in a week. I love how Codecademy uses learning by practice and gives great challenges to help the learner to understand a new concept and subject.RodrigoCodecademy Learner @ UK
- Brilliant learning experience. Very interactive. Literally a game changer if you're learning on your own.John-AndrewCodecademy Learner @ USA
Our learners work at
Skill paths help you level-up
Get a specialized skillWant to level up at work? Gain a practical, real-world skill that you can use right away to stand out at your job.
Get step-by-step guidanceWe guide you through exactly where to start and what to learn next to build a new skill.
Get there quicklyWe’ve hand-picked the content in each Skill Path to fast-track your journey and help you gain a new skill in just a few months.
Ready to learn a new skill?Get started on Build a Website with HTML, CSS, and GitHub Pages with a free Codecademy account.
Looking for something else?
Related courses and paths
- Free course
Learn Intermediate CSSLearn how to implement elegant transitions, create new layouts and serve users with dynamic needs.13 hours
- Free course
Learn CSS: Box Model and LayoutUse the box model to fine tune display and positioning of HTML elements.2 hours
- Free course
Deploying Websites using Git and GitHubLearn how to use GitHub Pages to easily set up and publish your own websites.< 1 hour
Browse more topics
- Web Development6,870,187 learners enrolled
- HTML & CSS3,725,823 learners enrolled
- Web Design3,688,302 learners enrolled
- Code Foundations13,208,440 learners enrolled
- For Business9,745,904 learners enrolled
- Computer Science7,433,466 learners enrolled
- Data Science5,780,681 learners enrolled
- Python4,527,212 learners enrolled
- Cloud Computing4,093,219 learners enrolled
What's included in skill paths
Practice ProjectsGuided projects that help you solidify the skills and concepts you're learning.
AssessmentsAuto-graded quizzes and immediate feedback help you reinforce your skills as you learn.
Certificate of CompletionEarn a document to prove you've completed a course or path that you can share with your network.