Cara membuat elemen sel tabel HTML interaktif
Langkah 1
Mulai editor HTML atau Notepad dan buka dokumen HTML.
Langkah 2
Tempelkan kode yang ditunjukkan di bawah ini ke dokumen:
Sel normal | Sel normal |
Klik di sini untuk mengunjungi Gedung Putih | Klik 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.