HTML / Débutant / 12 min

Créer sa première page web

Un fichier, un navigateur, et votre première page prend vie.

Guide de la rédaction · 17 octobre 2026

Préparer un dossier

Créez un dossier nommé mon-site, puis un fichier index.html à l’intérieur. Utilisez un éditeur de texte qui enregistre du texte brut. Vérifiez que le fichier ne se termine pas par .txt : sinon, le navigateur affichera du texte au lieu de votre page.

Écrire une structure complète

Le doctype annonce un document HTML moderne. L’attribut lang aide les outils de lecture à prononcer le contenu en français. Le titre apparaît dans l’onglet du navigateur ; le h1 est le titre visible de la page.

<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Mon premier site</title>
</head>
<body>
  <main>
    <h1>Bonjour le Web !</h1>
    <p>Voici ma première page.</p>
    <a href="https://developer.mozilla.org/fr/">Explorer le HTML</a>
  </main>
</body>
</html>

Ouvrir et modifier

Enregistrez le fichier, puis ouvrez-le dans votre navigateur. Remplacez le paragraphe, enregistrez et actualisez la page. Vous devez voir votre nouveau texte. Aucun serveur ni compte n’est nécessaire pour cet exemple.

Comprendre les chemins

Pour relier une autre page du même dossier, utilisez href="contact.html". Pour une image placée dans un sous-dossier images, utilisez src="images/photo.jpg" et ajoutez un texte alternatif pertinent. Respectez les majuscules : un chemin qui fonctionne sur votre ordinateur peut échouer sur un autre système.

À vous de jouer

Ajoutez une liste de trois choses à apprendre avec ul et li, puis un titre h2. Gardez un seul titre principal et une progression logique des titres. Si le résultat ne change pas, vérifiez que vous modifiez bien le fichier ouvert dans le navigateur.

Pour aller plus loin

Retrouvez les références des langages dans les ressources MDN pour apprendre le développement web.