Comment faire des éléments interactifs de cellules de tableau HTML

Les clics permettent aux humains et aux ordinateurs de communiquer. Cliquez sur un bouton ou un lien et votre ordinateur vous répondra.

Étape 1

Démarrez l'éditeur HTML ou le Bloc-notes et ouvrez un document HTML.

Étape 2

Collez le code indiqué ci-dessous dans le document:

Cellule normale	Cellule normale
Cliquez ici pour visiter la Maison Blanche	Cliquez pour exécuter une fonction JavaScript

Ce code crée une table contenant deux lignes et deux colonnes. Les balises "td" définissent la cellule de la table. Tout ce qui se trouve entre ces cellules en fait partie. Regardez les deux balises d'ancrage qui apparaissent dans les deux dernières cellules. L'attribut "href" allant de la première ancre au site Web de la Maison Blanche. La balise d'ancrage suivante ajoute un événement "onclick". Cet événement appelle la fonction d'alerte JavaScript.

Étape 3

Enregistrez le document HTML et ouvrez-le dans n’importe quel navigateur. La table apparaîtra. Déplacez le curseur de la souris sur les cellules du tableau. Le curseur se transforme en pointeur lorsque vous le déplacez sur les deux dernières cellules du tableau.

Étape 4

Cliquez sur le lien "Cliquez ici pour visiter la Maison Blanche." L'explorateur ira sur le site de la Maison Blanche. Cliquez sur le lien "Cliquez pour exécuter une fonction JavaScript". La fonction d'alerte fonctionne et affiche une boîte de message contextuelle.