YOUR LEARNING PATH

Learn HTML & CSS

Short exercises, progressive hints and explanations to help you move forward.

TRY WITHOUT AN ACCOUNT

Your first steps in HTML & CSS

Read a short example, predict the result and learn from the explanation. You can try as many times as you like.

1. Read an HTML heading

<h1>Bonjour !</h1>

Write your answer in the field above.

Understand the answer

Expected: Bonjour !

h1 marks a main heading. The browser displays Bonjour ! without the tags.

A paragraph uses the tags <p> and </p>.

Create an account to continue

This discovery session stays on this page. An account saves progress in the full course, with daily hearts for free learning.

Explore the course and prerequisites

What you will practise

Build your first web pages with HTML and CSS. Structure content first, then learn to style it and adapt the layout to smaller screens.

Choose HTML elements that describe the content.
Use CSS selectors, spacing and colours.
Arrange an interface with Flexbox and Grid.

Before you start: No programming experience required. Start directly in your browser.

A first example to understand

<h1>Mon premier site</h1>
<p>Je commence à coder.</p>
<style>
  h1 { color: #087e9c; }
</style>

The heading describes the page and the paragraph holds its text. The CSS rule only changes the heading colour, keeping content and presentation separate.

Try it: Add a second paragraph and give all paragraphs a different colour.

Want to understand what each plan includes? Compare plans

Your questions

What is Front-End web development?

Front-end comprises everything users see and interact with in a web browser: semantic HTML structure, responsive CSS design, and JavaScript interactivity.

Which language should I start with to create websites?

Begin with HTML to structure pages, then learn CSS for visual styling, and finally JavaScript for interactive features and dynamic data.

Loading your page…