La carte d'identité de ta page

🎯 Objectif

Compléter le <head> avec les quatre informations essentielles d'une page : sa langue, son encodage, son affichage sur téléphone et son titre.

📖 Exemple

Voici le haut de la page de la boulangerie, avec sa carte d'identité complète :

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>La boulangerie du village</title>
    </head>

Pourquoi ces quatre informations ?

• lang="fr" — un attribut posé sur la balise <html> : il annonce la langue de la page aux lecteurs d'écran et aux moteurs de recherche
• <meta charset="UTF-8"> — l'encodage des caractères : sans lui, « é » peut devenir « é » 😱
• <meta name="viewport" ...> — l'affichage sur téléphone : sans lui, un smartphone fait semblant d'avoir un grand écran et dézoome toute la page, jusqu'à rendre le texte illisible
• <title> — le nom de la page, affiché dans l'onglet du navigateur et les résultats Google

📱 Le meta viewport se recopie toujours à l'identique, dans toutes tes pages. Personne ne le retient par cœur au début : garde-le sous la main, tu finiras par le taper sans réfléchir.

💡 Rien de tout ça n'apparaît dans l'aperçu : ces infos vivent dans les coulisses. C'est normal de ne rien voir changer !

📝 Consigne

Complète le squelette fourni — même carte d'identité, autre page :

1. Sur la balise <html> : l'attribut qui annonce que ta page est en français
2. Dans le <head> : la balise qui déclare l'encodage UTF-8
3. Toujours dans le <head> : la balise meta viewport, recopiée telle quelle
4. Et pour finir : une balise <title> qui affiche exactement Le site du FC Courtételle