Cours HTML/CSS débutant — Module 1 : Introduction et premiers pas

Module 1 : Introduction et premiers pas

Bienvenue dans ce cours HTML/CSS pour débutants ! Ce premier module pose les bases : comprendre ce qu'est le web, comment fonctionnent HTML et CSS, et écrire votre toute première page.

Qu'est-ce que HTML et CSS ?

HTML (HyperText Markup Language) structure le contenu d'une page : titres, paragraphes, images, liens.
CSS (Cascading Style Sheets) habille cette structure : couleurs, mise en page, typographie.

On peut voir HTML comme le squelette et CSS comme les vêtements.

Les outils nécessaires

Pour commencer, il vous faut seulement :

Un éditeur de texte (ex: VS Code, gratuit)
Un navigateur web (Chrome, Firefox...)

Pas besoin d'installation compliquée pour débuter.

Votre première page HTML

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>Ma première page</title>
</head>
<body>
  <h1>Bonjour le monde !</h1>
  <p>Ceci est mon premier paragraphe.</p>
</body>
</html>

Enregistrez ce fichier en index.html et ouvrez-le dans votre navigateur. Félicitations, vous venez de créer votre première page web !

Ce qu'il faut retenir

HTML structure, CSS met en forme.
Une page HTML minimale contient <!DOCTYPE html>, <html>, <head> et <body>.
On teste simplement en ouvrant le fichier dans un navigateur.

Prochain épisode (Module 2) : les balises HTML essentielles (titres, paragraphes, listes, liens, images).