Cara membuat elemen sel tabel HTML interaktif

Klik memungkinkan manusia dan komputer untuk berkomunikasi. Klik pada tombol atau tautan dan komputer Anda akan merespons.

Langkah 1

Mulai editor HTML atau Notepad dan buka dokumen HTML.

Langkah 2

Tempelkan kode yang ditunjukkan di bawah ini ke dokumen:

Sel normalSel normal
Klik di sini untuk mengunjungi Gedung PutihKlik untuk menjalankan fungsi JavaScript

Kode ini membuat tabel yang berisi dua baris dan dua kolom. Tag "td" mendefinisikan sel dari tabel. Apa pun di antara sel-sel itu menjadi bagian darinya. Lihatlah dua tag anchor yang muncul di dua sel terakhir. Atribut "href" menunjuk dari anchor pertama ke situs Gedung Putih. Tag anchor berikut menambahkan peristiwa "onclick" ke situ. Acara ini memanggil fungsi peringatan JavaScript.

Langkah 3

Simpan dokumen HTML dan buka di browser apa pun. Meja akan muncul. Pindahkan kursor mouse ke sel di dalam tabel. Kursor berubah menjadi penunjuk saat Anda memindahkannya ke dua sel terakhir dari tabel.

Langkah 4

Klik tautan "Klik di sini untuk mengunjungi Gedung Putih." Penjelajah akan pergi ke situs Gedung Putih. Klik pada tautan "Klik untuk menjalankan fungsi JavaScript". Fungsi peringatan berfungsi dan menampilkan kotak pesan pop-up.