Au programme de ce chapitre
- I. HTML, le langage des pages web
- II. Les balises essentielles
- III. Mettre en forme avec le CSS
- IV. Du code à la page affichée
- V. Publier la page
- Savoir-faire
- Exercices types corrigés
- Teste-toi — vrai ou faux ?
La définition à retenir
Définition Une page web est écrite en HTML (HyperText Markup Language), le langage qui décrit sa structure. Le texte est organisé par des balises, écrites entre chevrons. La plupart vont par paire : une balise ouvrante <p> et une balise fermante </p> encadrent un contenu.
🔒 Illustration du chapitre completIncluse dans le cours complet, avec la méthode et les exercices corrigés.La voir gratuitement pendant 7 jours
🔒 Illustration du chapitre completIncluse dans le cours complet, avec la méthode et les exercices corrigés.La voir gratuitement pendant 7 jours
🔒 Illustration du chapitre completIncluse dans le cours complet, avec la méthode et les exercices corrigés.La voir gratuitement pendant 7 jours
🔒 Infographie récapitulative du chapitreIncluse dans le cours complet, avec la méthode et les exercices corrigés.La voir gratuitement pendant 7 jours
Un exemple corrigé
Exemple résolu — une mini-page Le code suivant :
affiche un grand titre « Mon club », puis un paragraphe « Bienvenue sur nos infos. » où « nos infos » est un lien cliquable vers la page infos.html.
<h1>Mon club</h1> <p>Bienvenue sur <a href="infos.html">nos infos</a>.</p>affiche un grand titre « Mon club », puis un paragraphe « Bienvenue sur nos infos. » où « nos infos » est un lien cliquable vers la page infos.html.
Lexique
- HTML
- langage qui décrit la structure d'une page web
- balise
- élément entre chevrons qui marque un contenu (<p>…</p>)
- CSS
- langage qui décrit l'apparence (couleurs, polices, mise en page)
- navigateur
- logiciel qui interprète le code et affiche la page
- serveur web
- machine qui héberge le site et le rend accessible
- URL
- adresse d'une page sur le Web
Les erreurs fréquentes à éviter
Piège. HTML (structure) et CSS (apparence) ont des rôles distincts : ne les confonds pas.
Penser au mobile et au droit Une page doit rester lisible sur téléphone (affichage « responsive »). Et l'on ne publie pas n'importe quoi : textes, images et musiques ont des droits d'auteur — on utilise des contenus libres de droit et on cite leurs auteurs.
L'astuce du prof
Astuce. Pense « HTML = squelette, CSS = habillage » : l'un organise, l'autre décore.
Exercices corrigés
Cherche d'abord seul, puis ouvre la correction.
Exercice 1
À quoi sert le HTML ?
Voir la correction
À structurer le contenu d'une page (titres, paragraphes, images, liens) à l'aide de balises.
Exercice 2
Quelle est la différence entre HTML et CSS ?
Voir la correction
HTML structure le contenu ; CSS gère la mise en forme (couleurs, polices, disposition).