01 - Créer sa première page HTML (débutant total)
Article publié le Dimanche 05 avril 2026 , lu 17 fois
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