We may earn an affiliate commission when you visit our partners.
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.
Read more
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.
Read more
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.
Register for this course and see more details by visiting:
OpenCourser.com/course/zxsck9/learn
Three deals to help you save
We found three deals and offers that may be relevant to this course.
Save money when you learn.
All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.
Valid until December 12
Annual Subscription Savings
Unlock programs from Google, Microsoft, and IBM and join 77% of learners who reported positive career outcomes.
Only $239!
Valid for a limited time only
Future-proof your career
Access O'Reilly books, live events, courses, and more. Save with an annual subscription.
Take
15%
off
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
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
Build a Google.com Clone
In this module, you will learn the basics of CSS by building a clone of the Google.com homepage.
Build a Digital Business Card
In this module, you will deepen your CSS skills by building a digital business card for yourself.
Build a Space Exploration Site
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.
Build a Birthday GIFt Site
In this module, you will build a fun website that you can use for a friend or family member's birthday. You will deepen your layout skills and learn how to get setup with a local development environment.
Good to know
Good to know
Know what's good ,
what to watch for , 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
Save Learn HTML and CSS to your list so you can find it easily later:
Save
Save
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.
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
Show steps
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
Show steps
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
Show steps
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
Show steps
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
Show steps
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
Show steps
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
Show steps
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
Show steps
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
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.
Front-End 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.
Full-Stack 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.
UX Designer
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.
UI 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.
Content Creator
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.
Digital Marketer
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.
Product Manager
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.
Project 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.
Business Analyst
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.
Data 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.
Machine Learning Engineer
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.
Data Scientist
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.
Software Engineer
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.
Computer Scientist
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.
For more career information including salaries, visit:
OpenCourser.com/course/zxsck9/learn
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.
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.
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.
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.
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.
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.
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.
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.
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.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/zxsck9/learn
Share
Similar courses
Here are nine courses similar to
Learn HTML and CSS.
React and Typescript: Build a Portfolio Project
OpenCourser.com/course/ejqkxs/react
React and Typescript: Build a Portfolio Project
The Complete JavaScript Course 2024: From Zero to Expert!
OpenCourser.com/course/prwyln/the
The Complete JavaScript Course 2024: From Zero to Expert!
Make Your Own App
OpenCourser.com/course/d85es3/make
Make Your Own App
Three.js and TypeScript
OpenCourser.com/course/1enmdu/three
Three.js and TypeScript
Mastering OpenAI Python APIs: Unleash ChatGPT and GPT4
OpenCourser.com/course/4h2nar/mastering
Mastering OpenAI Python APIs: Unleash ChatGPT and GPT4
Learn React
OpenCourser.com/course/sy215n/learn
Learn React
Digital Image Processing with MATLAB: Beginner to Advance
OpenCourser.com/course/imzojw/digital
Digital Image Processing with MATLAB: Beginner to Advance
Learn to code with AI
OpenCourser.com/course/xs0s5z/learn
Learn to code with AI
GIS & Geospatial Analysis with Python, Geopandas, and Folium
OpenCourser.com/course/up4t30/gis
GIS & Geospatial Analysis with Python, Geopandas, and...
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:
- Learn HTML and CSS (viewing)
- Async JavaScript
- Learn Advanced React
- Learn JavaScript
- Learn UI Design Fundamentals
- Learn React
Good to know
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
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 - 2024 OpenCourser