Jak tworzyć interaktywne elementy komórek tabeli HTML

Kliknięcia umożliwiają komunikację między ludźmi i komputerami. Kliknij przycisk lub łącze, a komputer odpowie.

Krok 1

Uruchom edytor HTML lub Notatnik i otwórz dokument HTML.

Krok 2

Wklej poniższy kod do dokumentu:

Normalna komórka	Normalna komórka
Kliknij tutaj, aby odwiedzić Biały Dom	Kliknij, aby uruchomić funkcję JavaScript

Ten kod tworzy tabelę zawierającą dwa wiersze i dwie kolumny. Znaczniki "td" definiują komórkę tabeli. Wszystko pomiędzy tymi komórkami staje się częścią tego. Spójrz na dwa znaczniki zakotwiczenia, które pojawiają się w dwóch ostatnich komórkach. Atrybut "href" wskazuje od pierwszej kotwicy do strony internetowej Białego Domu. Poniższy znacznik kotwicy dodaje do niego zdarzenie "onclick". To zdarzenie wywołuje funkcję alertu JavaScript.

Krok 3

Zapisz dokument HTML i otwórz go w dowolnej przeglądarce. Pojawi się tabela. Przesuń kursor myszy nad komórkami w tabeli. Kursor zmieni się w wskaźnik po przeniesieniu go na dwie ostatnie komórki tabeli.

Krok 4

Kliknij link "Kliknij tutaj, aby odwiedzić Biały Dom". Odkrywca pojedzie na stronę Białego Domu. Kliknij link "Kliknij, aby uruchomić funkcję JavaScript". Funkcja alertu działa i wyświetla wyskakujące okno komunikatu.