MyLeoNes™

Comment se construit une page web — Technologie, 11–13

Une page web n’est pas seulement une image sur Internet. HTML décrit sa structure et son sens, tandis que CSS contrôle l’apparence de cette structure à l’écran.

L’idée

HTML organise les parties de la page avec un sens : un titre, un paragraphe, une liste ou un lien. CSS ajoute des choix visuels comme la couleur, l’espace et la taille. Le navigateur lit les deux et dessine la page au lieu de recevoir une immense image.

Pourquoi c’était nécessaire

Une page faite seulement d’images serait difficile à rechercher, modifier ou lire à voix haute avec un logiciel d’aide. Les premiers créateurs du Web avaient besoin d’une manière commune de décrire les documents pour que différents navigateurs les affichent. Séparer le sens de l’apparence facilite aussi l’usage sur plusieurs écrans.

Un exemple détaillé

Pour créer une petite page, écris le titre « Notre jardin », puis « Nous avons planté six haricots ». Indique en HTML que le premier est un titre et le second un paragraphe. Ajoute du CSS pour rendre le titre vert et organiser le texte lisiblement ; le navigateur combine ces instructions.

L’erreur fréquente

On considère souvent HTML et CSS comme deux façons concurrentes de concevoir une page. C’est compréhensible, car les deux peuvent apparaître dans un même fichier ou changer ce que l’on voit. Leurs rôles diffèrent : HTML indique ce qu’est chaque partie et CSS son apparence.

Où on l’utilise

Les sites d’actualités, les pages scolaires, les boutiques en ligne et les formulaires utilisent du contenu web structuré. Une même page peut se réorganiser sur un téléphone, une tablette ou un grand écran. Les moteurs de recherche et les lecteurs d’écran peuvent aussi utiliser sa structure, pas seulement sa décoration.

Continue d'explorer

Autres langues

Chargement de MyLeoNes™…