Introduction to HTML and CSS

Name: Introduction to HTML and CSS
Rating: 4.3 (120 reviews)

4.324 hours5K learnersBeta

Learn the essentials of frontend development, from browser functionality to building modern responsive websites.

Provided by

JetBrains Academy

See course content4 weeks ago last updated

No credit card required

Our students are building their future at:

Study at your own pace

Fit learning around your schedule. Suitable for all levels.

Learn from the experts

Short, practical text lessons by seasoned developers.

Become job-ready

Integrated with professional tools by JetBrains.

Join the community

Trusted by learners worldwide, confirmed by Trustpilot

What you'll learn

In this course, you will master the basics of HTML and CSS and learn how to work with:

the main web page elements;
media files, forms, tables, and links;
basic web page styles;
adaptive layout.

By the end of this course, your portfolio will showcase your first landing page, the online cinema, and an online quiz. Besides, you will learn how to work with the most popular interface design tool — Figma.

Topics covered by this course

HTML

30 topics

Basic properties

15 topics

Software development foundations

9 topics

Grid

5 topics

Flexbox

4 topics

Advanced features

4 topics

Introduction to CSS

3 topics

Selectors in Depth

3 topics

Measurement units

2 topics

Code style

2 topics

Animation

2 topics

Learn by doing

# 1

Apply knowledge into practice

You already know the theory. Now it's time to code like you do at work—in a professional IDE, with real project constraints, solving problems that actually matter. Welcome to software engineering as it should be.

# 2

Navigate complexity with surgical precision

Most developers waste months learning random concepts without seeing how they connect. Our interactive Knowledge Map fixes this. It shows exactly how every programming concept relates to others, helping you build a structured mental model of coding.

# 3

Copy the best. Then improve.

Here's what top engineers do that others don't: they study other people's code obsessively. When you get stuck on Hyperskill, you can explore solutions published by other developers. See their exact code. Understand their approach. Learn their tricks.

# 4

Code review that actually makes you better

We stripped code review down to what actually matters: does your solution work? Have you handled the edge cases? Is there a cleaner way to write this? Hyperskill acts like a competent reviewer who actually tests your code. Not genius-level analysis, not architecture debates — just solid feedback on making your code better.

Elevate your engineering mastery through real-world challenges

Master advanced engineering concepts through ambitious projects. Each project deepens your expertise and transforms you from an experienced engineer into an exceptional one.

Flashcards (Frontend)

If you are a beginner web developer, you need to know the basics of CSS and HTML. This project is great for those who need somewhere to start. Your goal is to create a stylized page with flashcards, each containing a question on one side and the answer on the other. You can choose any subject you want for your flashcards!

Graduate

Amazing Prices

You have developed an outstanding service for your users. Now, it’s time to show the prices with a pricing page! In this project, you will design a page layout for the pricing of a service or a product. Practice your frontend skills using HTML & CSS and build a page based on our Figma designs.

Graduate

Explore all projects

Learn from the industry experts

JetBrains Academy

JetBrains Academy is a part of JetBrains, a global software company specializing in the creation of intelligent, productivity-enhancing tools for software developers and teams. With years of expertise in software development and education, JetBrains Academy empowers more than a million people worldwide to learn and teach computer science, and help organizations inspire their teams to reach their goals in tech. Professional development tools play a big role in computer science education. This is why JetBrains Academy courses offer integration with JetBrains IDEs. This integration assists learners in getting experience with real development processes to streamline their learning curve at future work.

Your peers think Hyperskill rocks

Lachezar Dimitrov

9 months ago

This course helped me refresh and solidify my knowledge of HTML and CSS.

User 618777588

10 months ago

Este curso me ayudó a fortalecer las habilidades en el desarrollo web front end, obtuve muchas capacidades en html, css y js. Me ha parecido un contenido muy completo y muy didácticos, por otra parte los proyectos ayudan a poner en práctica los conocimientos adquiridos.

Daniel Wirth

1 year ago

To get an introduction into frontend development with html and css.