Les langages HTML La structure d'une page

Le squelette d'une page

Toute page HTML complète suit le même squelette :

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Jardin partagé</title>
</head>
<body>
    <h1>Bienvenue</h1>
</body>
</html>

<!DOCTYPE html> : la toute première ligne. Sans elle, le navigateur passe en « mode de compatibilité » et imite les bugs des années 2000.
<html lang="fr"> : la racine. lang indique la langue du texte ; un lecteur d'écran s'en sert pour choisir sa prononciation.
<head> : les informations sur la page, qui ne s'affichent pas dedans.
- <meta charset="UTF-8"> : l'encodage. Sans lui, les accents peuvent devenir des symboles étranges.
- <meta name="viewport" ...> : indispensable pour que la page s'adapte aux téléphones.
- <title> : le texte de l'onglet, et le titre dans les moteurs de recherche.
<body> : tout ce qui s'affiche.

Certaines balises, comme <meta>, n'ont pas de contenu et donc pas de balise fermante.

1 exercice pour cette lecon

Les exercices demandent un compte : il faut bien enregistrer votre progression quelque part. La lecture, elle, reste libre. Creer un compte

Le squelette complet facile lecon a valider