01 - Créer sa première page HTML

Article publié le Dimanche 5 avril 2026 • 3 vues

Avant de commencer à coder, il est essentiel de comprendre une chose simple : une page web n’est rien d’autre qu’un fichier texte interprété par un navigateur.

Dans ce premier chapitre, nous allons voir :

Comment fonctionne le web
Ce qu’est réellement le HTML
Créer une première page fonctionnelle

1. Comment fonctionne une page web ?

Lorsque vous tapez une adresse dans votre navigateur (Chrome, Firefox, etc.), plusieurs choses se passent :

Votre navigateur envoie une requête à un serveur
Le serveur répond en envoyant des fichiers
Le navigateur affiche ces fichiers

Ces fichiers sont généralement :

Du HTML : la structure
Du CSS : le design
Du JavaScript : les interactions

Dans ce chapitre, nous allons nous concentrer uniquement sur le HTML.

2. Qu’est-ce que le HTML ?

Le HTML (HyperText Markup Language) est un langage qui permet de structurer une page.

Il ne sert pas à faire du design, mais à organiser le contenu :

Titres
Paragraphes
Images
Liens

Le HTML fonctionne avec des balises.

Exemple :

<p>Bonjour le monde</p>

Ici, <p> signifie "paragraphe".

3. Structure de base d’une page HTML

Voici la structure minimale d’une page web :

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Ma première page</title>
</head>

<body>

    <h1>Bonjour !</h1>
    <p>Ceci est ma première page web.</p>

</body>

</html>

Chaque partie a un rôle :

<head> : informations techniques
<body> : contenu visible

4. Créer sa première page

Suivez ces étapes :

Créer un fichier nommé index.html
Ouvrir ce fichier avec un éditeur de texte
Copier le code ci-dessus
Enregistrer
Ouvrir le fichier dans un navigateur

5. Aller un peu plus loin

Essayez de modifier votre page :

Changer le texte
Ajouter un deuxième paragraphe
Ajouter un sous-titre avec <h2>

<h2>Mon premier site</h2>
<p>Je suis en train d'apprendre le HTML.</p>

6. Erreurs fréquentes

Oublier de fermer une balise
Se tromper dans le nom du fichier (index.html.txt)
Ne pas actualiser la page après modification

Conclusion

Vous venez de créer votre première page web.

Elle est simple, et c’est normal.

Dans le prochain chapitre, nous verrons :

Les liens
Les images
Une meilleure structuration du contenu

Navigation dans la série

Chapitre 2 : Liens, images et structure