Chapitre 1 : Qu’est-ce que le HTML ?

Définition

HTML signifie HyperText Markup Language.
C’est le langage standard utilisé pour créer et structurer le contenu d’une page web.
Il permet d'afficher du texte, des images, des liens, des formulaires, des vidéos, et bien plus encore sur un navigateur..

Pourquoi le HTML est-il important ?

Il est la base de toutes les pages web.
Il permet de structurer le contenu de manière logique.
Il facilite l’accessibilité et le référencement (SEO).

Exemple de base en HTML

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="UTF-8">
    <title>Ma première page</title>
  </head>
  <body>
    <h1>Bienvenue sur mon site</h1>
    <p>Ceci est un paragraphe en HTML.</p>
  </body>
</html>

Pour écrire du texte, tu as besoin d’un éditeur de texte.

🧰 Outils pour créer une page web

Pour créer une page web, voici les outils de base dont tu as besoin :

1. Un éditeur de texte – pour écrire ton code HTML, comme Visual Studio Code.
2. Un navigateur web – pour voir le résultat, comme Chrome ou Firefox.
3. Un dossier de travail – pour organiser tes fichiers HTML, images, CSS, etc.

Avec ces outils, tu peux déjà commencer à créer et tester tes premières pages web sur ton ordinateur sans connexion internet.

Qu’est-ce qu’un éditeur de texte ?

C’est un logiciel qui te permet de taper, modifier et enregistrer du texte.

✍️ Par exemple, si tu as déjà utilisé Microsoft Word, tu as utilisé un éditeur de texte. Mais attention : Word est conçu pour la mise en forme de documents (gras, alignement, pages, etc.), pas pour écrire du code.

Pour écrire du code HTML, il est préférable d’utiliser un éditeur spécialement conçu pour les développeurs.

🛠️ Visual Studio Code (VS Code)

Visual Studio Code est un éditeur de texte moderne, gratuit et très utilisé dans le monde du développement web.

✅ Coloration automatique du code
✅ Aide à l’écriture (auto-complétion)
✅ Extensions puissantes pour HTML, CSS, JS, PHP…
✅ Aperçu en direct avec l’extension Live Server

Tu peux le télécharger gratuitement ici : https://code.visualstudio.com/

Le rôle du navigateur web

Un navigateur web (comme Chrome, Firefox, Edge ou Safari) est un logiciel qui interprète le code HTML, CSS et JavaScript d’une page web pour l’afficher de manière visuelle à l’utilisateur.

Il lit les balises HTML, applique les styles CSS, exécute le JavaScript, et permet d’interagir avec les liens, les formulaires, les vidéos, etc.

🔍 Exemples de navigateurs web populaires :

🟢 Google Chrome (rapide, très utilisé)
🦊 Mozilla Firefox (open source, orienté développeurs)
🌐 Microsoft Edge (remplaçant d’Internet Explorer)
🍎 Safari (navigateur d’Apple pour Mac et iPhone)

Tous les navigateurs modernes respectent globalement les standards du web, ce qui permet à une même page HTML d’être consultée sur plusieurs appareils.