Skill Path

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.

To start this Skill Path, upgrade your plan.
136,374 learners enrolled
  • Skill level

    Beginner
  • Time to complete

    Average based on combined completion rates — individual pacing in lessons, projects, and quizzes may vary
    16 hours
  • Certificate of completion

    Yes
  • Prerequisites

    None

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

Syllabus

9 units • 18 lessons • 15 projects • 14 quizzes
  • 1

    Beginner HTML

    In this unit, you will learn the basics of HTML. HTML is a language that provides structure to website content.

  • 2

    Beginner CSS

    This unit provides an overview of CSS, the language used to give websites style.

  • 3

    How to Build Websites on Your Own Computer

    Get setup to build websites on your own computer!

  • 4

    Intermediate CSS: Colors and Typography

    Learn the CSS syntax required to adjust the colors and typography of a website.

  • 5

    Intermediate CSS: Layout and Positioning

    Learn how to use CSS to adjust the arrangement of content on your website.

  • 6

    Responsive Design and Accessibility

    This unit will teach you how to make websites that are usable via different device sizes and screen readers.

  • 7

    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.

  • Certificate of completion available with Plus or Pro

    Earn a certificate of completion and showcase your accomplishment on your resume or LinkedIn.

The platform

Hands-on learning

Animated GIF of an AI provided error explanation within Codecademy's learning environment
An AI-generated hint within the instructions of a Codecademy project
Animated GIF of Codecademy's Job Readiness Checker tool generating a compatibility report for a senior software engineer role
Animated GIF of building a phone screen interview using Codecademy's Interview Simulator
A fill-in-the-blank JavaScript question in a Codecademy assessment

Earn a certificate of completion

Show your network you've done the work by earning a certificate of completion for each course or path you finish.
  • Show proofReceive a certificate that demonstrates you've completed a course or path.
  • Build a collectionThe more courses and paths you complete, the more certificates you collect.
  • Share with your networkEasily add certificates of completion to your LinkedIn profile to share your accomplishments.

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.
    Chris
    Codecademy 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.
    Rodrigo
    Codecademy Learner @ UK
  • Brilliant learning experience. Very interactive. Literally a game changer if you're learning on your own.
    John-Andrew
    Codecademy Learner @ USA

Our learners work at

  • Google Logo
  • Meta Logo
  • Apple Logo
  • EA Logo
  • Amazon Logo
  • IBM Logo
  • Microsoft Logo
  • Reddit Logo
  • Spotify Logo
  • Uber Logo
  • YouTube Logo
  • Instagram Logo
How it works

Skill paths help you level-up

  1. Get a specialized skill

    Want to level up at work? Gain a practical, real-world skill that you can use right away to stand out at your job.
  2. Get step-by-step guidance

    We guide you through exactly where to start and what to learn next to build a new skill.
  3. Get there quickly

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

Start this skill path with a 7-day free trial

Check out tools that help you stay ahead with a Plus or Pro plan.
  • Plus

    Learn a skill
    $14.99 per month
    Billed annually or$29.99 billed monthly
    Build in-demand technical skills for work or a personal project
    • Basic access to free courses
      Access basic material for courses in top subjects like HTML and JavaScript. Quizzes and projects not included with Basic.
    • Community support
      Connect with other learners, get answers to your questions, and attend fun events.
    • Learning resources
      Cheatsheets, docs, videos, and more to support your learning journey.
    • Real-world projects
      Access our full library of practice and portfolio projects. Apply your skills and build your portfolio.
    • All courses
      Unlimited access to 300+ stand-alone courses, including everything in Basic plus popular Pro courses like Learn Python 3.
    • Skill paths
      Curated learning paths teach you everything you need to gain a specific skill, like building a website or visualizing data.
    • Certificates of completion
      Earn a certificate for courses or paths you finish to share with your network as proof of completion.
    • Career paths
    • Technical interview prep
    • Code challenges
    • Professional certifications
    • Career services
    • Assessments
  • Recommended

    Pro

    Build a career
    $19.99 per month
    Billed annually or$39.99 billed monthly
    Develop the skills and experience to land a job in techEverything in Plus and more
    • Basic access to free courses
      Access basic material for courses in top subjects like HTML and JavaScript. Quizzes and projects not included with Basic.
    • Community support
      Connect with other learners, get answers to your questions, and attend fun events.
    • Learning resources
      Cheatsheets, docs, videos, and more to support your learning journey.
    • Real-world projects
      Access our full library of practice and portfolio projects. Apply your skills and build your portfolio.
    • All courses
      Unlimited access to 300+ stand-alone courses, including everything in Basic plus popular Pro courses like Learn Python 3.
    • Skill paths
      Curated learning paths teach you everything you need to gain a specific skill, like building a website or visualizing data.
    • Certificates of completion
      Earn a certificate for courses or paths you finish to share with your network as proof of completion.
    • Career paths
      Curated learning paths give you the knowledge and experience to land a job in tech like Data Scientist or Engineer.
    • Technical interview prep
      Technical interview prep courses, practice questions, code challenges, and more.
    • Code challenges
      Test your knowledge with coding problems based on real-world technical interviews.
    • Professional certifications
      Prove you're job-ready. Earn a professional certification when you pass all the exams in select career paths.
    • Career services
      Get personalized job listings and connect with employers looking for tech talent.
    • Assessments
      Test your skills as you build toward job-readiness. Certification exams are available in select career paths.

What's included in skill paths

  • Practice Projects

    Guided projects that help you solidify the skills and concepts you're learning.
  • Assessments

    Auto-graded quizzes and immediate feedback help you reinforce your skills as you learn.
  • Certificate of Completion

    Earn a document to prove you've completed a course or path that you can share with your network.