Cum se fac celulele tabelului HTML elemente interactive
Pasul 1
Porniți editorul HTML sau Notepad și deschideți un document HTML.
Pasul 2
Lipiți codul prezentat mai jos în document:
Celula normală | Celula normală |
Faceți clic aici pentru a vizita Casa Albă | Faceți clic pentru a executa o funcție JavaScript |
Acest cod creează un tabel care conține două rânduri și două coloane. Tag-urile "td" definesc celula tabelului. Orice dintre aceste celule devine parte din ea. Uită-te la cele două etichete de ancorare care apar în ultimele două celule. Atributul "href" indică de la prima ancoră la site-ul Casei Albe. Următoarea etichetă de ancorare adaugă un eveniment "onclick" la acesta. Acest eveniment solicită funcția de alertă JavaScript.
Pasul 3
Salvați documentul HTML și deschideți-l în orice browser. Va apărea tabelul. Mutați cursorul mouse-ului peste celulele din tabel. Cursorul se schimbă la un pointer când îl deplasați peste ultimele două celule ale mesei.
Pasul 4
Faceți clic pe linkul "Faceți clic aici pentru a vizita Casa Albă". Exploratorul va merge la site-ul Casei Albe. Faceți clic pe linkul "Faceți clic pentru a executa o funcție JavaScript". Funcția de alertă funcționează și afișează o casetă de mesaje pop-up.