Learn HTML and CSS

Ends in 5 days! Save 40% on your access to 10,000+ programs and make a real impact in your career. Save now.

Learn HTML and CSS

This course is part of multiple programs.

Instructor: Per Harald Borgen

16,630 already enrolled

Included with Learn more

Ask Coursera

16 modules

Gain insight into a topic and learn the fundamentals.

137 reviews

Beginner level

No prior experience required

Flexible schedule

1 week at 10 hours a week

Learn at your own pace

97%

Most learners liked this course

16 modules

Gain insight into a topic and learn the fundamentals.

137 reviews

Beginner level

No prior experience required

Flexible schedule

1 week at 10 hours a week

Learn at your own pace

97%

Most learners liked this course

What you'll learn

How to code websites from scratch with HTML and CSS
How to build beautiful layouts using color palettes, fonts, images, and other styling techniques
How to use professional tools for code editing, collaboration, and deployment

Skills you'll gain

Tools you'll learn

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

15 assignments

Taught in English

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your subject-matter expertise

This course is available as part of

When you enroll in this course, you'll also be asked to select a specific program.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate

There are 16 modules in this course

This course is perfect if you want to learn how to code websites from scratch. You will learn the basics of HTML and CSS through interactive challenges. Along the way, you will build multiple projects, like a Google.com clone, a Space Exploration page, and a fun birthday site filled with GIFs.

Learn the fundamentals of HTML, including essential tags, document structure, and how to create basic web pages.

What's included

1 assignment9 plugins

1 assignmentTotal 10 minutes

Intro to HTML 1 – Practice Assignment10 minutes

9 pluginsTotal 43 minutes

Welcome to the HTML & CSS course!3 minutes
Welcome to interactive lessons!1 minute
HTML tags11 minutes
Write a news article!8 minutes
The <img> tag5 minutes
Nesting3 minutes
Internet superpowers -> Change the BBC news!5 minutes
Interactive elements - button2 minutes
Interactive elements - input tags -> Experiment with input types5 minutes

Apply your HTML knowledge to build interactive pages, add navigation, and deploy a personal website.

What's included

1 assignment7 plugins

Test what you have learned with an interactive quiz.

What's included

1 assignment1 plugin

In this module, you will learn the basics of CSS by building a clone of the Google.com homepage.

What's included

1 assignment11 plugins

1 assignmentTotal 10 minutes

Intro to CSS 1 - Practice Assignment10 minutes

11 pluginsTotal 31 minutes

Let's learn CSS!1 minute
Write your first lines of CSS!4 minutes
Write your first lines of CSS! - Solution4 minutes
Let's destroy wikipedia - recording2 minutes
Link to the CSS file3 minutes
Set the width of the elements2 minutes
inline vs block elements2 minutes
Margin top1 minute
Divs rule the world2 minutes
CSS classes4 minutes
Aside: Learn margins via flags6 minutes

This module introduces advanced CSS concepts such as centering, padding, borders, buttons, and flexbox. You will finish building your Google clone.

What's included

1 assignment12 plugins

1 assignmentTotal 10 minutes

Intro to CSS 2 – Practice Assignment10 minutes

12 pluginsTotal 42 minutes

Add space between our elements1 minute
Aside: centering with margins3 minutes
Centering our content1 minute
Aside: padding5 minutes
Aside: border and border-radius5 minutes
Aside challenge: style Twitter button5 minutes
Fix the input field5 minutes
Center the button2 minutes
Style the button4 minutes
Why we can't have two block-level buttons4 minutes
Aside: flexbox4 minutes
Centering both buttons with flexbox3 minutes

Test your new knowledge with this interactive quiz.

What's included

1 assignment1 plugin

In this module, you will deepen your CSS skills by building a digital business card for yourself.

What's included

1 assignment8 plugins

Enhance your design with inheritance, colors, fonts, and shorthands before making it uniquely yours and deploying it.

What's included

1 assignment10 plugins

1 assignmentTotal 10 minutes

Intermediate CSS 2 Practice Assignment10 minutes

10 pluginsTotal 32 minutes

Justify the items2 minutes
Center the card2 minutes
Aside: inheritance4 minutes
Center the text via inheritance3 minutes
Add colors3 minutes
Web-safe fonts5 minutes
Aside: margin/padding shorthand4 minutes
Use the margin and padding shorthands1 minute
Make it your own!3 minutes
Deploy your Digital Business Card5 minutes

Check your understanding with a Graded Assignment.

What's included

1 assignment1 plugin

In this module, you will build a website about space exploration. It will teach you several techniques for making your projects look beautiful and polished.

What's included

1 assignment7 plugins

Learn to enhance your site design with better formatting, images, and readability techniques.

What's included

1 assignment6 plugins

Assess your progress with an interactive quiz.

What's included

1 assignment1 plugin

In this module, you will build a fun website that you can use for a friend or family member's birthday while deepening your layout and styling skills.

What's included

1 assignment11 plugins

1 assignmentTotal 10 minutes

Next-level CSS 1 – Practice Assignment10 minutes

11 pluginsTotal 38 minutes

Let's build a Birthday GIFt site!1 minute
Add basic header styling4 minutes
Set the colors2 minutes
Add shadow on text3 minutes
We have a problem that flexbox can fix3 minutes
Aside: align-items6 minutes
Aside: flex-direction4 minutes
Turn the header into a flexbox2 minutes
Fix date and age design4 minutes
Create the first gift5 minutes
Replace the img with a div4 minutes

Take your project to the next level with interactivity, personalization, and deployment strategies.

What's included

1 assignment11 plugins

1 assignmentTotal 10 minutes

Next-level CSS 2 – Practice Assignment10 minutes

11 pluginsTotal 35 minutes

Aside: make elements change on hover3 minutes
Add the hover effect2 minutes
Create the next GIFt4 minutes
Create two more GIFts3 minutes
Create the final GIFt3 minutes
Add the footer4 minutes
Add a background gradient3 minutes
Personalize the Birthday GIFt Site2 minutes
Use GitHub Desktop to publish your Birthday GIFt Site5 minutes
Deploying your Birthday GIFt Site1 minute
Use VS Code to edit your Birthday GIFt Site5 minutes

Reinforce your learning with a hands-on assignment.

What's included

1 assignment1 plugin

This bonus module gives you the chance to build Solo Projects—optional, real-world coding challenges where you apply your skills, experiment freely, and gain hands-on experience without a guided solution.

What's included

2 readings6 plugins

2 readingsTotal 10 minutes

About Solo Projects5 minutes
Solo Project Hints5 minutes

6 pluginsTotal 245 minutes

It's time for you to build a Solo Project3 minutes
Solo Project - The Daily Dribble Newsletter60 minutes
Solo Project - Amazon Product Page60 minutes
Solo Project - Web Agency Hero60 minutes
Solo Project – Hometown Homepage60 minutes
Congrats on completing the course!2 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Instructor ratings

(43 ratings)

Per Harald Borgen

Scrimba

17 Courses65,105 learners

Offered by

Scrimba

Explore more from Mobile and Web Development

Status: Free Trial
Board Infinity
Build a Webpage with HTML and CSS
Course
Status: Free Trial
IBM
Introduction to HTML, CSS, & JavaScript
Course
Status: Free Trial
EDUCBA
Design and Build Websites with HTML & CSS Fundamentals
Course
Status: Free Trial
Scrimba
Build a Responsive Website with HTML and CSS
Course

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Learner reviews

5 stars
80.43%
4 stars
11.59%
3 stars
4.34%
2 stars
0%
1 star
3.62%

Showing 3 of 137

Reviewed on Jan 1, 2026

its a wonderful course and i am happy to take part in it

Reviewed on May 14, 2025

This new way of teaching is great, it keeps the learner engaged unlike other boring long tutorials

Reviewed on Oct 2, 2023

They provide a really unique learning experience!

View more reviews

Frequently asked questions

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.