← Retour au cours : HTML de Zéro à Héros
⚠️ Mode Visiteur : Vous lisez ce cours gratuitement. Créez un compte pour sauvegarder votre progression et obtenir des badges ! 🏆

Introduction au HTML et structure de base

Bienvenue dans le monde du HTML !

HTML (HyperText Markup Language) est le langage de balisage qui structure tout le contenu du web. Chaque site que vous visitez utilise HTML comme squelette.

Qu'est-ce que le HTML ?

HTML n'est pas un langage de programmation, mais un langage de balisage. Il utilise des balises (tags) pour définir la structure et le sens du contenu.

La structure minimale d'une page HTML

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ma première page</title>
</head>
<body>
    <h1>Bonjour le monde !</h1>
    <p>Ceci est ma première page HTML.</p>
</body>
</html>

Comprendre chaque élément

  • <!DOCTYPE html> : Déclare que c'est un document HTML5
  • <html> : L'élément racine qui contient tout
  • <head> : Les métadonnées (non visibles sur la page)
  • <meta charset="UTF-8"> : Encodage des caractères (accents, émojis)
  • <meta name="viewport"> : Responsive sur mobile
  • <title> : Titre dans l'onglet du navigateur
  • <body> : Le contenu visible de la page

Les balises : principe de base

Les balises HTML fonctionnent par paires :

<balise>contenu</balise>

Certaines balises sont auto-fermantes :

<img src="image.jpg" alt="Description">
<br>
<hr>

Points clés à retenir

  • HTML structure le contenu du web
  • Chaque page commence par <!DOCTYPE html>
  • Les balises s'ouvrent et se ferment
  • Le <head> contient les métadonnées
  • Le <body> contient le contenu visible

📝 Exercices (1)

Exercice 1 : Que signifie HTML ?

Quelle est la signification de HTML ?

📝 Vous avez terminé cette leçon ?

Créez un compte gratuit pour sauvegarder votre progression !

Créer un compte gratuit
Leçon suivante →