Module 2 : Liens, images et tableaux

Le web, c'est des liens

Bravo, tu sais structurer une page ! Mais une page toute seule, ce n'est pas encore le web : ce qui fait le web, ce sont les liens entre les pages. C'est le sujet de ce module.

Et ce n'est pas qu'une image : relier des documents entre eux, c'est exactement l'invention qui a donné naissance au web.

Tim Berners-Lee était chercheur au CERN, à Genève. Son problème : les scientifiques n'arrivaient pas à partager leurs documents. Sa solution : des pages reliées par des liens, écrites en HTML. Plus de trente ans plus tard, tu écris le même langage — et dans un instant, ton premier lien.

Au programme

1. Les liens — la balise <a> et son attribut href : vers d'autres sites, ou entre les pages de ton propre site (chemins relatifs)
2. Les images — la balise <img>, son attribut src... et surtout alt, le texte alternatif qui rend ta page accessible à tous
3. Les tableaux — <table>, <tr>, <th>, <td> pour présenter des données : horaires, tarifs, comparatifs

La règle d'or des tableaux

Un tableau, c'est pour des données — jamais pour faire une mise en page !

La mise en page (colonnes, grilles, positionnement), c'est le travail du CSS, que tu découvriras au module 4. Si tu vois un tableau utilisé pour disposer des blocs sur une page, c'est une pratique des années 90. 😉

Pourquoi c'est important

• Un site sans liens est une impasse — les liens guident tes visiteurs
• Une image sans alt est invisible pour les lecteurs d'écran et les moteurs de recherche
• Un tableau bien structuré est lisible par tous, humains et machines

Prêt ?

On commence par ton premier lien. C'est parti !