Configurer votre première page HTML
Écrivez votre premier code HTML à l’aide d’un simple éditeur de texte.
Configurer votre première page HTML est une leçon HTML for Kids gratuite sur CoddyKit. Ceci est la leçon 4 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage HTML for Kids, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours HTML for Kids comprend 4 leçons au total.
Créer votre première page HTML
Bienvenue dans la partie la plus passionnante de l’apprentissage du HTML ! Aujourd’hui, nous allons créer votre première page HTML à partir de zéro. Préparez-vous à voir votre code prendre vie !
Outils nécessaires
Pour créer une page HTML, vous n’avez besoin que de deux choses :
- Un éditeur de texte : par exemple, le Bloc-notes sous Windows, TextEdit sur Mac ou tout autre éditeur comme VS Code.
- Un navigateur web : Chrome, Firefox ou n’importe quel navigateur permettant d’afficher votre page.
Commençons à coder !
Ouvrez votre éditeur de texte
Étape 1 : ouvrez votre éditeur de texte
1. Ouvrez votre éditeur de texte, comme le Bloc-notes ou VS Code.
2. Enregistrez un nouveau fichier sous le nom index.html. Veillez à inclure l’extension .html !
Nous sommes maintenant prêts à ajouter du code HTML !
Écrivez la structure de base
Étape 2 : écrivez la structure de base
Chaque page HTML a besoin d’une structure de base. Saisissez le code suivant dans votre fichier :
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<!-- Content goes here -->
</body>
</html>Ajoutez un titre
Étape 3 : ajoutez un titre
À l’intérieur de la balise <body>, ajoutez un titre à votre page :
<h1>Welcome to My First Web Page!</h1>
Ajoutez un paragraphe
Étape 4 : ajoutez un paragraphe
Sous le titre, ajoutez un paragraphe décrivant votre page :
<p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>
Enregistrez et ouvrez votre page
Étape 5 : enregistrez et ouvrez votre page
1. Enregistrez le fichier après avoir écrit votre code.
2. Ouvrez votre navigateur.
3. Faites glisser le fichier index.html dans la fenêtre du navigateur.
Voilà ! Votre première page web est en ligne !
Votre page HTML complète
Voici à quoi votre code final devrait ressembler :
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<h1>Welcome to My First Web Page!</h1>
<p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>My Awesome Page</title>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
Excellent travail !
Félicitations pour avoir créé votre première page HTML ! Vous avez appris à configurer la structure de base, à ajouter un titre et à écrire un paragraphe. Dans la prochaine leçon, nous verrons comment ajouter à votre page des éléments plus intéressants, comme des images et des liens. Continuez ainsi !
Questions Fréquemment Posées
La leçon « Configurer votre première page HTML » est-elle gratuite ?
Oui — le texte complet de « Configurer votre première page HTML » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours HTML for Kids, passe à CoddyKit PRO. Le cours HTML for Kids comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Configurer votre première page HTML » ?
Écrivez votre premier code HTML à l’aide d’un simple éditeur de texte. Tu pratiques HTML for Kids avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer HTML for Kids ?
Aucune expérience préalable n'est requise. HTML for Kids sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 4 sur 4.
Combien de temps prend la leçon « Configurer votre première page HTML » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon HTML for Kids ?
Oui. Chaque leçon HTML for Kids inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Qu’est-ce que HTML ?
- Structure de HTML : les éléments constitutifs
- Balises et éléments HTML
- Configurer votre première page HTML