Come creare elementi interattivi di celle di tabella HTML

I clic consentono agli esseri umani e ai computer di comunicare. Fai clic su un pulsante o un link e il tuo computer risponderà.

Passaggio 1

Avvia l'editor HTML o il Blocco note e apri un documento HTML.

Passaggio 2

Incolla il codice mostrato di seguito nel documento:

Cella normaleCella normale
Clicca qui per visitare la Casa BiancaClicca per eseguire una funzione JavaScript

Questo codice crea una tabella che contiene due righe e due colonne. I tag "td" definiscono la cella della tabella. Qualsiasi cosa tra quelle cellule diventa parte di esso. Guarda i due tag di ancoraggio che appaiono nelle ultime due celle. L'attributo "href" punta dalla prima ancora al sito web della Casa Bianca. Il seguente tag anchor aggiunge un evento "onclick" ad esso. Questo evento chiama la funzione di avviso JavaScript.

Passaggio 3

Salva il documento HTML e aprilo in qualsiasi browser. Apparirà la tabella. Sposta il cursore del mouse sopra le celle nella tabella. Il cursore si trasforma in un puntatore quando lo si sposta sulle ultime due celle della tabella.

Passaggio 4

Clicca sul link "Clicca qui per visitare la Casa Bianca". L'esploratore andrà al sito della Casa Bianca. Clicca sul link "Clicca per eseguire una funzione JavaScript". La funzione di avviso funziona e visualizza una finestra di messaggio a comparsa.