Chargement...

HTML de base

Dans les leçons précédentes vous avez découvert le HTML et choisi un éditeur. Vous allez maintenant construire une page de base complète : le squelette standard dont tout fichier HTML moderne doit partir, plus un peu de contenu visible.

Qu’est-ce qu’un document HTML de base ?

Un document HTML de base est un fichier texte avec une structure externe fixe. À l’intérieur, vous placez le contenu que les visiteurs voient. Presque chaque page de ce cours réutilise le même squelette externe et change ce qui va dans le body.

Réponse directe : le squelette requis

Une page de base moderne comprend ces parties dans cet ordre :

<!DOCTYPE html> — déclare un document HTML5
<html> — l’élément racine qui enveloppe toute la page
<head> — informations sur la page (pas l’article visible principal)
<title> dans le head — texte pour l’onglet du navigateur et les favoris
<body> — le contenu que les gens voient sur la page

Document HTML de base

html

HTML Code

<!DOCTYPE html>
<html>
<head>
<title>Titre de la page</title>
</head>
<body>
<h1>Ceci est un titre</h1>
<p>Ceci est un paragraphe.</p>
</body>
</html>

Lire l’exemple ligne par ligne

Le doctype doit être en premier pour que le navigateur utilise les règles HTML modernes
Tout le reste se trouve dans <html> ... </html>
<head> contient le titre ; les visiteurs le remarquent surtout dans le nom de l’onglet
<body> contient le titre et le paragraphe visibles dans la zone de page
La plupart des éléments ont besoin d’une balise de fermeture avec une barre oblique, comme </p>

Head vs body

Voyez <head> comme les notes en coulisses et <body> comme la scène. Les moteurs de recherche et navigateurs utilisent le titre et d’autres données du head. Les lecteurs regardent le body. Mettre le texte principal de l’article uniquement dans le head est une erreur fréquente des débutants.

Imbrication et ordre

Les éléments HTML s’imbriquent : un élément peut être dans un autre. Gardez les balises dans un arbre clair. Fermez les balises internes avant les externes. Pour le squelette de base, conservez cet ordre : doctype, puis html, puis head (avec title), puis body.

Essayez vous-même

Créez un fichier nommé basic.html dans votre éditeur
Collez l’exemple ci-dessus
Changez le texte du title et du titre
Enregistrez le fichier et ouvrez-le dans le navigateur
Après enregistrement et actualisation, vérifiez que le titre de l’onglet et le titre de page sont tous deux à jour

Petits conseils qui font gagner du temps plus tard

Préférez les noms de balises en minuscules (<p>, pas <P>) pour un style HTML moderne
Indentez les lignes imbriquées pour voir quelles balises vont ensemble
Gardez un <h1> clair comme titre principal dans les premiers exemples
Vous ajouterez charset, liens, images et plus plus tard ; maîtrisez d’abord ce squelette

Erreurs fréquentes

Oublier <!DOCTYPE html> en haut
Fermer les balises dans le mauvais ordre (par exemple fermer html avant body)
Mettre le titre visible uniquement dans <head>
Enregistrer sans l’extension .html puis s’étonner du comportement bizarre du navigateur
Écrire une balise ouvrante sans sa fermeture quand les deux sont nécessaires

Résumé

Une page HTML de base utilise doctype, html, head, title et body
Le title apparaît surtout dans l’onglet du navigateur
Le contenu visible appartient au body
Les éléments s’imbriquent ; fermez d’abord les internes
Entraînez-vous en modifiant un petit fichier et en actualisant le navigateur
Les leçons suivantes ajoutent plus d’éléments sur le même squelette

🧠 Testez Vos Connaissances

Prêt à Commencer

Testez Vos Connaissances

Mettez-vous au défi avec ce quiz interactif et voyez à quel point vous comprenez le sujet

❓

Questions

🎯

70%

Pour Réussir

♾️

∞

Temps

🔄

∞

Tentatives

📝 Instructions

Lisez chaque question attentivement
Sélectionnez la meilleure réponse pour chaque question
Vous pouvez refaire le quiz autant de fois que vous le souhaitez
Votre progression sera affichée en haut

Langue