01 - Creer sa premiere page html

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 → structure
• Du CSS → design
• Du JavaScript → 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,

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 :

• Informations techniques
• 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 (Notepad++, VS Code...)
• Copier le code ci-dessus
• Enregistrer
• Double-cliquer sur le fichier

👉 Votre navigateur va s’ouvrir automatiquement.

🎯 5. Aller un peu plus loin

Essayez de modifier votre page :

• Changer le texte
• Ajouter un deuxième paragraphe
• Ajouter un sous-titre avec 

Exemple :

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

⚠️ Erreurs fréquentes

• Oublier de fermer une balise
• Se tromper dans le nom du fichier (index.html.txt)
• Modifier le fichier sans actualiser le navigateur

📌 Conclusion

• Vous venez de créer votre première page web 🎉
• Pour l’instant, elle est très simple… et c’est normal.

Navigation dans la série