GENERAL TRACK

Votre première page web

Créez une page de profil personnel avec du HTML et du CSS générés par l'IA.

1Les bases du HTML : que sont les balises ?

Avant de construire notre page, comprenons un concept clé : les balises HTML. Considérez les balises comme des étiquettes sur des boîtes. Chaque balise indique au navigateur quel type de contenu se trouve à l'intérieur.

Les balises sont comme des boîtes étiquetées

<h1>

Grand titre (comme le titre d'un chapitre)

<p>

Paragraphe de texte

<ul> + <li>

Liste à puces avec des éléments

Chaque balise s'ouvre et se ferme : <h1>content</h1>. Le navigateur lit ces balises et affiche le contenu en conséquence. Cliquez sur Exécuter le code pour voir :

HTML

<!DOCTYPE html>
<html>
<head>
  <title>Understanding Tags</title>
</head>
<body>
  <h1>This is a heading</h1>
  <p>This is a paragraph of text.</p>
  <ul>
    <li>This is a list item</li>
    <li>This is another item</li>
  </ul>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
  <title>Understanding Tags</title>
</head>
<body>
  <h1>This is a heading</h1>
  <p>This is a paragraph of text.</p>
  <ul>
    <li>This is a list item</li>
    <li>This is another item</li>
  </ul>
</body>
</html>

Output

Your guide

2Créer une page de profil avec l'IA

3Rendez-la vôtre

4Passez au niveau supérieur : un style moderne avec CSS

5Défi : construisez votre propre page de profil

Qu'est-ce que le vibe coding ?

ALL TUTORIALS

Rendre les choses interactives