Como fazer elementos interativos de células da tabela HTML

Os cliques permitem que humanos e computadores se comuniquem. Clique em um botão ou link e seu computador responderá.

Passo 1

Inicie o editor de HTML ou o bloco de notas e abra um documento HTML.

Passo 2

Cole o código mostrado abaixo no documento:

Célula normal	Célula normal
Clique aqui para visitar a Casa Branca	Clique para executar uma função JavaScript

Esse código cria uma tabela que contém duas linhas e duas colunas. As tags "td" definem a célula da tabela. Qualquer coisa entre essas células se torna parte disso. Veja as duas tags de âncora que aparecem nas duas últimas células. O atributo "href" aponta da primeira âncora para o site da Casa Branca. A tag âncora a seguir adiciona um evento "onclick" a ela. Este evento chama a função de alerta do JavaScript.

Passo 3

Salve o documento HTML e abra-o em qualquer navegador. A tabela será exibida. Mova o cursor do mouse sobre as células na tabela. O cursor muda para um ponteiro quando você o move sobre as duas últimas células da tabela.

Passo 4

Clique no link "Clique aqui para visitar a Casa Branca". O explorador irá para o site da Casa Branca. Clique no link "Clique para executar uma função JavaScript". A função de alerta funciona e exibe uma caixa de mensagem pop-up.