HTML & CSS Courses & Tutorials - Codecademy

Skip to ContentCatalog Menu →Related topics

Web development

Code foundations

Web design

JavaScript

Top languages & subjects

Python

HTML & CSS

AI

CybersecurityNew

SQL

C++

Java

Data science

C#

C

View full catalogWhere do I begin?Dot Regular

1. Catalog/
2. HTML & CSS

HTML & CSSHTML is the foundation of all web pages. It defines the structure of a page, while CSS defines its style. HTML and CSS are the beginning of everything you need to know to make your first web page! Learn both and start creating amazing websites.Diagonal A Dense

Related resources

• Docs: HTMLCSS
• Cheatsheets
• Articles
• Community Forums
• Projects

Diagonal A Dense

Related resources

• Docs: HTMLCSS
• Cheatsheets
• Articles
• Community Forums
• Projects

Need guidance? Ask our AI Learning Assistant

• I'm new to HTML & CSS, what should I learn?
• What job can I get with HTML & CSS?
• What can I build with HTML & CSS?

Get started with HTML & CSS

Free course

Learn HTML

Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.Checker DenseBeginner Friendly7 hoursBlog PostWhat is HTML: Common uses and defining features20 March 2022Free course

Learn HTML

Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.Checker DenseBeginner Friendly7 hoursBlog PostWhat is HTML: Common uses and defining features20 March 2022

HTML & CSS courses

31 resultsFiltersClear filters

Level

BeginnerIntermediate

Price

View plansFreePaid

Type

Career pathLearn all the skills you need to land a new career in tech. Skill pathLearn all the concepts you need to gain a new technical skill.  CourseLearn concepts used for specific languages or technologies.  

Average time to complete

Average based on combined completion rates — individual pacing in lessons, projects, and quizzes may vary. Less than 5 hours5-10 hours10-20 hours20-60 hours60+ hours

Projects

Practice ProjectsSolidify the concepts you are learning with guidance. Portfolio ProjectsPut your skills to work to build something on your own.  

HTML & CSS courses

Filters31 resultsClear filters

• Career path

  Front-End Engineer

  Front-end engineers work closely with designers to make websites beautiful, functional, and fast.Checker DenseIncludes 34 CoursesChecker DenseWith Professional CertificationChecker DenseBeginner Friendly115 hours
• Skill path

  Build a Website with HTML, CSS, and GitHub Pages

  Learn the basics of web development to build your own website.Checker DenseIncludes 9 CoursesChecker DenseWith CertificateChecker DenseBeginner Friendly14 hours
• Free course

  Learn HTML

  Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.Checker DenseBeginner Friendly7 hours
• Free course

  Learn CSS

  In this CSS tutorial, you’ll learn how to add CSS to visually transform HTML into eye-catching sites.Checker DenseBeginner Friendly6 hours
• Free course

  Learn Intermediate CSS

  Learn how to implement elegant transitions, create new layouts and serve users with dynamic needs.Checker DenseIntermediate10 hours
• Free course

  Learn HTML: Fundamentals

  Build an important foundation for creating the structure and content for web pages.Checker DenseBeginner Friendly3 hours
• Free course

  How to Make a Website with NameCheap

  Explore HTML & CSS fundamentals as you build a website in this introductory web development course.Checker DenseBeginner Friendly4 hours
• Free course

  Learn CSS: Flexbox and Grid

  Create elegant and flexible web page layouts with CSS flexbox and grid. Checker DenseBeginner Friendly4 hours
• Free course

  Learn CSS: Introduction

  Learn how to use CSS (Cascading Style Sheets) to style and visually organize HTML pages.Checker DenseBeginner Friendly2 hours
• Free course

  Learn HTML: Forms

  Learn how to create HTML forms with various input fields to collect and validate user data.Checker DenseBeginner Friendly2 hours
• Free course

  Learn HTML: Semantic HTML

  Learn how to use Semantic HTML to create cleaner, more accessible web pages.Checker DenseBeginner Friendly1 hour
• Free course

  Learn HTML: Tables

  Learn how to create HTML tables to present data in an organized manner and format your tables with CSS.Checker DenseBeginner Friendly1 hour
• Course

  Learn Bootstrap

  Give your website a clear layout and polished style—fast! Learn how to use one of the most popular front-end frameworks, Bootstrap 4! Checker DenseWith CertificateChecker DenseIntermediate3 hours
• Free course

  Learn CSS: Box Model and Layout

  Use the box model to fine tune display and positioning of HTML elements.Checker DenseBeginner Friendly2 hours
• Course

  Learn CSS: Responsive Design

  Create websites viewable on devices of all sizes using responsive design techniques, such as relative sizing units and media queries. Checker DenseWith CertificateChecker DenseIntermediate2 hours
• Free course

  Learn CSS: Transitions and Animations

  Learn how to make your website shake, slide, and grow with CSS transitions.Checker DenseBeginner Friendly1 hour
• Course

  How to Deploy a Website

  Learn how to publish a website to the Internet with Jekyll, Amazon Web Services (AWS), and GitHub Pages.Checker DenseWith CertificateChecker DenseBeginner Friendly1 hour
• Free course

  Learn CSS: Colors

  Level up your design skills by learning different ways to set CSS colors and formats.Checker DenseBeginner Friendly1 hour
• Free course

  Learn CSS: Typography and Fonts

  Use CSS typography to style your text and include fonts from other sources.Checker DenseBeginner Friendly1 hour
• Course

  Learn Sass

  Expand your CSS knowledge by learning SCSS syntax, nesting, functions, and more in this course!Checker DenseWith CertificateChecker DenseIntermediate3 hours
• Free course

  Learn CSS: Variables and Functions

  Create websites viewable on devices of all sizes using responsive design techniques, such as relative sizing units and media queries.Checker DenseBeginner Friendly2 hours
• Free course

  Learn A-Frame (VR)

  Ready to learn VR in VR? Dive into A-Frame and learn how to build virtual reality experiences in the browser.Checker DenseIntermediate2 hours
• Free course

  Learn CSS: Accessibility

  Build web pages that are accessible to everyone using modern CSS techniques and accessibility standards. Checker DenseBeginner Friendly1 hour
• Course

  Learn Navigation Design

  Learn how to build and structure websites that are easy for users to navigate.Checker DenseWith CertificateChecker DenseIntermediate2 hours
• Free course

  Learn CSS: Browser Compatibility

  Ensure consistent user experience regardless of the browser by addressing browser compatibility issues.Checker DenseBeginner Friendly< 1 hour
• Course

  Learn Color Design

  Learn how to use color effectively to create attractive and useable websites!Checker DenseWith CertificateChecker DenseIntermediate2 hours
• Free course

  Learn Sass: Fundamentals

  Expand your CSS knowledge and style your sites even faster by learning Sass.Checker DenseIntermediate1 hour
• Course

  Learn CSS-in-JS

  Advance your CSS styling strategies with CSS-in-JS, a popular technique that allows programmers to write CSS styling in JavaScript.Checker DenseWith CertificateChecker DenseIntermediate< 1 hour
• Free course

  Learn Sass: Best Practices

  Learn best practices for setting up file structure, importing stylings, and writing scalable Sass.Checker DenseIntermediate< 1 hour
• Free course

  Learn Sass: Mixins and Parent Selector

  Use mixins to add more flexibility to your styles and expand stylings with the & selector.Checker DenseIntermediate1 hour
• Free course

  Learn Sass: Functions and Operations

  Learn how to incorporate functions, loops, operators, and conditionals in Sass.Checker DenseIntermediate1 hour

More resources

ProjectBuild Your Own Cheat Sheetopens in a new windowProjectBuild a Website Design Systemopens in a new windowProjectCompany Home Pageopens in a new windowResourceOur best resources for studentsopens in a new window