Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Learn HTML and CSS

Enroll for freeGet started!

Join 103187 other students

Log in to get

Access to all our free courses
Interactive hands-on content
100s of code challenges
Join a friendly community
Enroll for free
Subscribe to access!Subscribe to access!

Subscribe to access to this course and ALL other courses. You get a 30-day money-back guarantee, no questions asked.

Subscription includes

All courses and career paths
100s of coding challenges
Certificates of completion
Exclusive Pro members chat
The course creator Per Harald Borgen

with Per Harald Borgen

Course level: Beginner

This course will teach you HTML and CSS through building and deploying five awesome projects. It is also fully interactive, with over 75 coding challenges. There are no prerequisites, so it is suitable for absolute beginners.

What's inside

This course contains 106 interactive scrims spread across 6 modules.

two girls

You'll learn

What is HTML and CSS?

Text elements

Anchor tags

Interactive elements

Divs and spans

Attributes

Nesting

Lists

Images

CSS basics

Classes and Ids

Inline vs block

Centering elements

Borders

The box model

Margin & padding

Inheritance

Basic flexbox

Designing your page

Text shadows

Background images

Google Fonts

Color palettes

Gradients

Web dev basics

Dev Tools

How to Google

Using GitHub

Deployment

Using Figma

You'll build

screenshot
Google.com Clone

Your first project is to build the world's most popular site.

screenshot
Digital Business Card

A simple business card to improve your layout skills.

screenshot
Space Exploration Site

A landing page for a SpaceX trip to outer space.

screenshot
Birthday GIFs Site

A fun site you can send to a friend on their birthday.

screenshot
Hometown Homepage

A landing page for your hometown, state, or country.

man

Prerequisites

This course is designed with absolute beginners in mind, so there are no prerequisites, and you do not need any tools except your browser.

Meet your teacher

The course creator

Per Harald Borgen

Front-end developer and co-founder of Scrimba. Per loves helping other people learn new skills so that they can improve their lives. He makes his tutorials as simple as humanly possible, and focus on getting the students to the point where they can start building projects on their own.

Follow me on twitter

Why this course rocks

Let me ask you a few questions:
  




- Are you curious about web development but don't know where to start?



- Do you want to learn how to build your own websites? 




- Have you tried learning HTML & CSS, but found other courses too boring or difficult?


If your answer to any of these questions is YES, then this is the course for you!





It takes full advantage of Scrimba's unique and interactive code-learning tech.
 




So once you have learned a concept, you will be given a coding challenge to build your muscle memory. 


There is no setup required, as you will do everything in the browser.
 





After you have completed the challenge, your instructor Per Harald Borgen (CEO at Scrimba) will show you the solution.

You will feel as if you are pair programming with the teacher! It is a truly magical experience that you won't find anywhere else.  

The lectures are also fun and bite-sized. We don't allow long and boring blocks of theory in Scrimba courses. So don't worry, you'll enjoy this.




By the end of this course, you will have built and deployed several neat-looking projects that you can show to potential employers.

And if you'd like to continue your learning journey, you can jump directly into Module 3 in our Front-End Developer Career Path.

F to the A oracle to the Q
How long does it take to learn HTML and CSS?

You can learn basic HTML in a few hours and basic CSS in a few days. This course consists of 95 bite-sized lecture, with just over 5 hours of material. However, you will likely spend at least twice that time solving the interactive coding challenges. That amounts to ~15 hours of course work. We do not recommend cramming it all into one or two sessions, but rather spread it out over multiple days.

What is the best way for a beginner to learn HTML and CSS?

The best way to learn is to build small projects that excite you. Before starting the projects you need to learn to write basic HTML and CSS. This course is exactly the place where you can learn the skills needed to create your own project. And you will also build fun projects throughout the course.

What are Solo Projects?

Solo Projects are real-world projects that are tailored to your skill level as you progress through the course. Use them to stress-test your skills and get projects for your portfolio. Most of the Solo Projects on Scrimba are only accessible for Pro Members.

Is it worth learning HTML and CSS?

Yes, both HTML and CSS form the fundamentals of the modern web. Everything you see online in your browser is made of HTML and CSS and is your bread and butter of web development.

Is it hard to learn HTML and CSS?

HTML and CSS are relatively easy to learn, at least compared to full-blown programming languages like JavaScript and Python. You don't need to have any kind of programming experience and it is where most people start when getting into web development.

What should I do once I have completed this course?

If you would like to continue your journey into web development, your next step should be JavaScript. Here on Scrimba, we have a Frontend Developer Career Path that takes you from zero to hireable as a frontend developer. After you've completed this course, you can jump directly into Module 3 of the Frontend Path.