Learn HTML and CSS

Learn HTML and CSS

This course is part of multiple programs.

Instructor: Per Harald Borgen

Access provided by Gentera

15,119 already enrolled

16 modules

Gain insight into a topic and learn the fundamentals.

128 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.

128 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 assignment Total 10 minutes

Intro to HTML 1 – Practice Assignment 10 minutes

9 plugins Total 43 minutes

Welcome to the HTML & CSS course! 3 minutes
Welcome to interactive lessons! 1 minute
HTML tags 11 minutes
Write a news article! 8 minutes
The <img> tag 5 minutes
Nesting 3 minutes
Internet superpowers -> Change the BBC news! 5 minutes
Interactive elements - button 2 minutes
Interactive elements - input tags -> Experiment with input types 5 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 assignment Total 10 minutes

Intro to CSS 1 - Practice Assignment 10 minutes

11 plugins Total 31 minutes

Let's learn CSS! 1 minute
Write your first lines of CSS! 4 minutes
Write your first lines of CSS! - Solution 4 minutes
Let's destroy wikipedia - recording 2 minutes
Link to the CSS file 3 minutes
Set the width of the elements 2 minutes
inline vs block elements 2 minutes
Margin top 1 minute
Divs rule the world 2 minutes
CSS classes 4 minutes
Aside: Learn margins via flags 6 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 assignment Total 10 minutes

Intro to CSS 2 – Practice Assignment 10 minutes

12 plugins Total 42 minutes

Add space between our elements 1 minute
Aside: centering with margins 3 minutes
Centering our content 1 minute
Aside: padding 5 minutes
Aside: border and border-radius 5 minutes
Aside challenge: style Twitter button 5 minutes
Fix the input field 5 minutes
Center the button 2 minutes
Style the button 4 minutes
Why we can't have two block-level buttons 4 minutes
Aside: flexbox 4 minutes
Centering both buttons with flexbox 3 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 assignment Total 10 minutes

Intermediate CSS 2 Practice Assignment 10 minutes

10 plugins Total 32 minutes

Justify the items 2 minutes
Center the card 2 minutes
Aside: inheritance 4 minutes
Center the text via inheritance 3 minutes
Add colors 3 minutes
Web-safe fonts 5 minutes
Aside: margin/padding shorthand 4 minutes
Use the margin and padding shorthands 1 minute
Make it your own! 3 minutes
Deploy your Digital Business Card 5 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 assignment Total 10 minutes

Next-level CSS 1 – Practice Assignment 10 minutes

11 plugins Total 38 minutes

Let's build a Birthday GIFt site! 1 minute
Add basic header styling 4 minutes
Set the colors 2 minutes
Add shadow on text 3 minutes
We have a problem that flexbox can fix 3 minutes
Aside: align-items 6 minutes
Aside: flex-direction 4 minutes
Turn the header into a flexbox 2 minutes
Fix date and age design 4 minutes
Create the first gift 5 minutes
Replace the img with a div 4 minutes

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

What's included

1 assignment11 plugins

1 assignment Total 10 minutes

Next-level CSS 2 – Practice Assignment 10 minutes

11 plugins Total 35 minutes

Aside: make elements change on hover 3 minutes
Add the hover effect 2 minutes
Create the next GIFt 4 minutes
Create two more GIFts 3 minutes
Create the final GIFt 3 minutes
Add the footer 4 minutes
Add a background gradient 3 minutes
Personalize the Birthday GIFt Site 2 minutes
Use GitHub Desktop to publish your Birthday GIFt Site 5 minutes
Deploying your Birthday GIFt Site 1 minute
Use VS Code to edit your Birthday GIFt Site 5 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 readings Total 10 minutes

About Solo Projects 5 minutes
Solo Project Hints 5 minutes

6 plugins Total 245 minutes

It's time for you to build a Solo Project 3 minutes
Solo Project - The Daily Dribble Newsletter 60 minutes
Solo Project - Amazon Product Page 60 minutes
Solo Project - Web Agency Hero 60 minutes
Solo Project – Hometown Homepage 60 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

(41 ratings)

Per Harald Borgen

Scrimba

17 Courses 60,055 learners

Offered by

Scrimba

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
81.25%
4 stars
10.93%
3 stars
4.68%
2 stars
0%
1 star
3.12%

Showing 3 of 128

Reviewed on Oct 7, 2025

Very easy to follow and I really enjoyed the solo projects.

Reviewed on Jan 11, 2024

Per, the instructor is the best I have ever seen! He is really witty, passionate, and his communication is excellent! 100% you will get no regret.