We may earn an affiliate commission when you visit our partners.

Course image

Learn HTML and CSS

Per Harald Borgen

4.5

Based on 76 ratings

, see reviews

Per Harald Borgen

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.

While most of the challenges are done in Scrimba's interactive editor, you will also learn how to use professional tools like VS Code for code editing, GitHub for hosting your code, and Netlify for deploying your projects to the world wide web.

Or subscribe to Coursera Plus

And get unlimited access to Coursera

Here's a deal for you

Save money when you learn with a deal that may be relevant to this course.

All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.

Valid until March 12, 2027

Save 40% Off 3 Months

Access thousands of top-rated learning programs with a Coursera Plus monthly subscription and take 40% off 3 months for a limited time.

What's inside

Syllabus

Build and deploy your first website

In this module, you will learn the basics of HTML through interactive coding challenges. At the end, you will build a personal website that we will deploy to the web so that you can share with the world.

Read more

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Focused on teaching the basics of HTML and CSS

Suitable for beginners with no prior knowledge of web development

Incorporates hands-on challenges and projects to enhance understanding

Covers practical aspects such as deploying projects to the web

Taught by Per Harald Borgen, an experienced web developer

May not be suitable for advanced learners seeking specialized knowledge

Save this course

Create your own learning path. Save this course to your list so you can find it easily later.

Save

Reviews summary

Learn html & css: beginner's interactive jumpstart

According to learners, this course is an outstanding interactive introduction to HTML and CSS, especially for absolute beginners. Students consistently praise the engaging Scrimba format with hands-on coding challenges and practical, project-based learning, which truly solidifies understanding. While it provides a strong foundational knowledge and introduces professional tools like VS Code and Netlify, some mention the pace might be slow for those with prior experience and that it doesn't delve deeply into advanced CSS or responsive design. Overall, it's a highly recommended starting point for web development.

Projects reinforce concepts and provide tangible outcomes.

"I particularly loved the hands-on projects, especially building the Google clone. It gave me a solid foundation to start building my own websites."

"Building the projects, especially the business card, solidified my understanding."

"The projects are well-structured and help to reinforce concepts. I built a great portfolio piece from this."

Ideal for absolute beginners with clear, easy-to-follow explanations.

"This course is absolutely fantastic for beginners! The instructor's explanations are super clear and easy to follow."

"As someone completely new to coding, this course was a godsend. The instructor is patient and explains complex topics simply."

"Very beginner-friendly and great for getting your feet wet. The projects are practical and make you apply what you learn immediately."

Highly engaging and effective for hands-on coding practice.

"The interactive format on Scrimba made learning HTML and CSS so much fun and engaging. I particularly loved the hands-on projects..."

"As someone completely new to coding, this course was a godsend. The interactive nature meant I was constantly coding and seeing immediate results."

"Excellent course for anyone wanting to learn HTML and CSS. The 'scrims' are revolutionary, allowing you to pause and edit code directly."

Focuses on basics; doesn't deeply cover modern or advanced CSS.

"While it covers the basics well, I felt it could delve a bit deeper into responsive design or more advanced CSS techniques."

"Some of the content feels a bit basic and doesn't cover modern CSS practices as deeply as I'd hoped."

"I'd love to see a follow-up course that goes into more depth on advanced styling and JavaScript, as this only scratches the surface."

May be too slow or basic for those with prior coding experience.

"It's okay for a complete beginner, but if you have any prior experience, it might feel a bit slow or too basic."

"My only minor gripe is that sometimes the pace felt a little slow, especially if you pick up concepts quickly."

"I found some of the explanations a bit too simplified and wished for more real-world examples beyond the specified projects."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Learn HTML and CSS with these activities:

Read a book about CSS

Show steps

Reading a book about CSS will help you learn the theory behind CSS and gain a deeper understanding of how it works.

Browse courses on CSS

Show steps

Choose a book about CSS that is appropriate for your skill level.
Read the book and take notes.
Complete the exercises and challenges in the book.
Review your progress and identify areas where you need more practice.

Follow a CSS tutorial series

Show steps

Following a CSS tutorial series will help you learn the basics of CSS and build a foundation for further learning.

Browse courses on CSS

Show steps

Find a CSS tutorial series that is appropriate for your skill level.
Follow the tutorials in the series.
Complete the exercises and challenges in the tutorials.
Review your progress and identify areas where you need more practice.

Solve CSS coding challenges

Show steps

Solving CSS coding challenges will help you improve your problem-solving skills and learn new CSS techniques.

Browse courses on CSS

Show steps

Find a website that offers CSS coding challenges, such as Codewars or Hackerrank.
Choose a challenge that is appropriate for your skill level.
Solve the challenge using CSS.
Review your solution and identify areas where you can improve.

Five other activities

Expand to see all activities and additional details

Show all eight activities

Build a portfolio of CSS projects

Show steps

Building a portfolio of CSS projects will help you solidify your understanding of CSS and demonstrate your skills to potential employers.

Browse courses on CSS

Show steps

Choose a variety of CSS projects to work on, such as a personal website, a landing page, or a blog.
Use HTML and CSS to create the layout and style of your projects.
Experiment with different CSS techniques, such as flexbox, CSS Grid, and media queries.
Get feedback on your projects from other developers or designers.

Write a blog post about a new CSS technique

Show steps

Writing a blog post about a new CSS technique will help you learn the technique in more depth and share your knowledge with others.

Browse courses on CSS

Show steps

Choose a new CSS technique that you want to learn.
Research the technique and experiment with it.
Write a blog post that explains the technique and provides examples of how to use it.
Publish your blog post and promote it on social media.

Create a CSS resource collection

Show steps

Creating a CSS resource collection will help you stay up-to-date with the latest CSS trends and techniques.

Browse courses on CSS

Show steps

Gather a list of useful CSS resources, such as articles, tutorials, and tools.
Organize the resources into a collection, such as a blog post, a wiki, or a GitHub repository.
Share your collection with other developers.
Update your collection regularly with new resources.

Create a website for a local business

Show steps

Creating a website for a local business will give you hands-on experience in using HTML, CSS, and JavaScript to build a real-world project.

Browse courses on Web Development

Show steps

Identify a local business that needs a website.
Meet with the business owner to discuss their needs and goals for the website.
Design and develop the website using HTML, CSS, and JavaScript.
Test the website to ensure that it is functional and user-friendly.
Launch the website and promote it to the local community.

Contribute to an open-source CSS project

Show steps

Contributing to an open-source CSS project will give you hands-on experience in working with CSS codebases and contributing to the open-source community.

Browse courses on CSS

Show steps

Find an open-source CSS project that you are interested in contributing to.
Read the project's documentation and guidelines.
Identify an area where you can contribute, such as fixing a bug or adding a new feature.
Create a pull request with your proposed changes.
Work with the project maintainers to get your changes merged.

Career center

Learners who complete Learn HTML and CSS will develop knowledge and skills that may be useful to these careers:

Web Developer

A Web Developer is responsible for the design and development of websites. This course can help you build a foundation in the fundamentals of web development, including HTML and CSS. You will learn how to create interactive and visually appealing websites, which are essential skills for any Web Developer.

See salaries and explore the career path for Web Developer

Front-End Developer

A Front-End Developer is responsible for the user interface and functionality of a website. This course can help you build a strong foundation in the skills needed for Front-End Development, including HTML and CSS. You will learn how to create responsive and user-friendly websites, which are essential skills for any Front-End Developer.

See salaries and explore the career path for Front-End Developer

Full-Stack Developer

A Full-Stack Developer is responsible for both the front-end and back-end development of a website. This course can help you build a strong foundation in the skills needed for Full-Stack Development, including HTML and CSS. You will learn how to create complete and functional websites, which are essential skills for any Full-Stack Developer.

See salaries and explore the career path for Full-Stack Developer

UX Designer

A UX Designer is responsible for the user experience of a website. This course can help you build a foundation in the principles of UX Design, including how to create websites that are easy to use and navigate. You will learn how to conduct user research and create prototypes, which are essential skills for any UX Designer.

See salaries and explore the career path for UX Designer

UI Designer

A UI Designer is responsible for the visual design of a website. This course can help you build a foundation in the principles of UI Design, including how to create websites that are visually appealing and consistent. You will learn how to use color theory and typography, which are essential skills for any UI Designer.

See salaries and explore the career path for UI Designer

Content Creator

A Content Creator is responsible for creating and managing the content of a website. This course can help you build a foundation in the principles of content creation, including how to write effective and engaging content. You will learn how to conduct keyword research and optimize your content for search engines, which are essential skills for any Content Creator.

See salaries and explore the career path for Content Creator

Digital Marketer

A Digital Marketer is responsible for promoting and marketing a website. This course can help you build a foundation in the principles of digital marketing, including how to use social media and search engine optimization. You will learn how to create and manage online campaigns, which are essential skills for any Digital Marketer.

See salaries and explore the career path for Digital Marketer

Product Manager

A Product Manager is responsible for the development and management of a website. This course can help you build a foundation in the principles of product management, including how to define and prioritize features. You will learn how to work with engineers and designers to create successful products, which are essential skills for any Product Manager.

See salaries and explore the career path for Product Manager

Project Manager

A Project Manager is responsible for the planning and execution of a website project. This course can help you build a foundation in the principles of project management, including how to create and manage a project plan. You will learn how to track progress and manage risks, which are essential skills for any Project Manager.

See salaries and explore the career path for Project Manager

Business Analyst

A Business Analyst is responsible for analyzing and improving the business processes of a company. This course can help you build a foundation in the principles of business analysis, including how to identify and solve business problems. You will learn how to use data and analytics to make informed decisions, which are essential skills for any Business Analyst.

See salaries and explore the career path for Business Analyst

Data Analyst

A Data Analyst is responsible for collecting, analyzing, and interpreting data. This course can help you build a foundation in the principles of data analysis, including how to use statistical methods to draw conclusions from data. You will learn how to use data visualization tools to communicate your findings, which are essential skills for any Data Analyst.

See salaries and explore the career path for Data Analyst

Machine Learning Engineer

A Machine Learning Engineer is responsible for developing and deploying machine learning models. This course may be useful for building a foundation in the principles of machine learning, including how to train and evaluate models. You will learn how to use machine learning algorithms to solve real-world problems, which are essential skills for any Machine Learning Engineer.

See salaries and explore the career path for Machine Learning Engineer

Data Scientist

A Data Scientist is responsible for collecting, analyzing, and interpreting data to make informed decisions. This course may be useful for building a foundation in the principles of data science, including how to use statistical methods and machine learning algorithms. You will learn how to communicate your findings to non-technical audiences, which are essential skills for any Data Scientist.

See salaries and explore the career path for Data Scientist

Software Engineer

A Software Engineer is responsible for designing, developing, and maintaining software applications. This course may be useful for building a foundation in the principles of software engineering, including how to write clean and efficient code. You will learn how to work in a team environment and use version control systems, which are essential skills for any Software Engineer.

See salaries and explore the career path for Software Engineer

Computer Scientist

A Computer Scientist is responsible for researching and developing new computer technologies. This course may be useful for building a foundation in the principles of computer science, including how to design and analyze algorithms. You will learn how to use mathematical and logical reasoning to solve problems, which are essential skills for any Computer Scientist.

See salaries and explore the career path for Computer Scientist

Reading list

We've selected eight books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Learn HTML and CSS.

Cover image

Cover image

Dreamweaver CC: The Missing Manual

Save

Delves deeply into CSS, providing readers with a thorough understanding of its capabilities and best practices. It valuable resource for those seeking to enhance their CSS skills beyond the course's scope.

Dreamweaver CC: The Missing Manual

Dreamweaver CC: The Missing Manual

Cover image

Cover image

Head First JavaScript Programming

Save

Presents HTML and CSS concepts in an engaging and interactive format. It is an excellent choice for beginners who prefer a more accessible and visual approach.

Head First JavaScript Programming

Head First JavaScript Programming

Cover image

Cover image

Adaptive Web Design

Save

Serves as a comprehensive handbook for web developers, covering a wide range of topics beyond HTML and CSS. It offers valuable insights and best practices for those seeking to expand their web development knowledge.

Adaptive Web Design

Adaptive Web Design

Cover image

Cover image

Responsive Web Design with HTML5 and CSS

Save

Focuses on responsive web design techniques, which are essential for creating websites that adapt to different screen sizes. It aligns with the course's emphasis on building dynamic and user-friendly websites.

Responsive Web Design with HTML5 and CSS - Fourth...

Responsive Web Design with HTML5 and CSS: Develop...

Responsive Web Design with HTML5 and CSS: Build...

Responsive Web Design with HTML5 and CSS: Develop...

Cover image

Cover image

Save

Provides a collection of CSS recipes that address common challenges faced by web developers. It serves as a handy reference for quickly finding solutions to specific CSS-related issues.

CSS Cookbook: Quick Solutions to Common CSS Problems

CSS Cookbook (Cookbooks (O'Reilly))

Cover image

Cover image

Secrets of the JavaScript Ninja

Save

While this book focuses on JavaScript, it offers valuable insights into web development best practices and design patterns. It can be a useful supplement for those seeking a broader understanding of web development principles.

Secrets of the JavaScript Ninja

Cover image

Cover image

Jump Start Sass

Save

Introduces SASS and Compass, two powerful tools for enhancing CSS development. It valuable resource for those seeking to streamline their CSS workflow and improve code maintainability.

Jump Start Sass: Get Up to Speed With Sass in a...

Jump Start Sass: Get Up to Speed With Sass in a...

Save

Introduces the concept of atomic design, a methodology for building reusable and scalable web components. It provides valuable insights for those interested in improving the maintainability and consistency of their designs.

Share

Help others find this course page by sharing it with your friends and followers:

Copy Link

Similar courses

Here are nine courses similar to Learn HTML and CSS.

Make a GraphQL Server with ExpressJS

Make a GraphQL Server with ExpressJS

Get Up and Running with TypeScript

Get Up and Running with TypeScript

Tables and Forms in HTML

Tables and Forms in HTML

Create a free online web presence using Blogger

Create a free online web presence using Blogger

Build "Guess The Color" game using JavaScript, HTML and CSS

Build "Guess The Color" game using JavaScript, HTML and...

Write a University Index Web App with VueJS

Write a University Index Web App with VueJS

Build an Automobile Listing Website with PHP

Build an Automobile Listing Website with PHP

Build an Online Auction Server with ExpressJS

Build an Online Auction Server with ExpressJS

Test your Angular web application using Jasmine and Karma

Test your Angular web application using Jasmine and Karma

Coursera Buyer Protection & Guarantee

Verified partner policies & purchase protections

Accredited University Partner

Free Trial & Audit

7-Day Free Trial & Free Audit

7-day free trial on monthly Coursera Plus subscriptions; free audit option available on most individual courses to explore video lectures and readings at no charge.

Return & Refund Policy

14-Day Refund Guarantee

14-day refund window on annual Coursera Plus subscriptions and single-course purchases prior to certificate issuance. Monthly subscriptions do not offer refunds once billed.

Buyer Protections

Verified Academic & Industry Partner

Accredited university and industry certifications (e.g. Stanford, Google, IBM, Yale), secure SSL payment processing, and verifiable digital certificate links.

Key Purchase Protections

14-day refund window on annual Coursera Plus and single courses

7-day free trial on monthly Coursera Plus subscriptions

Free course audit option for lectures and readings

Verified certificates from top universities & companies

OpenCourser Verified Partner Policy details last reviewed: 2026-10-22

Course image

Rating

4.5

Effort

Approx. 7 hours

Level

Introductory

Via

Coursera

Institution

Scrimba

Instructor

Per Harald Borgen

Language

English

This course belongs to a collection called Frontend Development. It's comprised of six courses:

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Focused on teaching the basics of HTML and CSS

Suitable for beginners with no prior knowledge of web development

Incorporates hands-on challenges and projects to enhance understanding

Covers practical aspects such as deploying projects to the web

Taught by Per Harald Borgen, an experienced web developer

May not be suitable for advanced learners seeking specialized knowledge

Share this

Share to help others discover this course.

Link

Begin learning today

Enroll now to gain full access to Learn HTML and CSS.

Enroll now Enroll in this course

Save for later

Add this course to your list. Find it anytime.

Save

Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2025 OpenCourser