HTML tablo hücreleri etkileşimli öğeleri nasıl yapılır

Tıklamalar, insanların ve bilgisayarların iletişim kurmasını sağlar. Bir düğmeye veya bir linke tıklayın ve bilgisayarınız yanıt verecektir.

1. Adım

HTML editörünü veya Not Defteri'ni başlatın ve bir HTML belgesi açın.

2. Adım

Aşağıda gösterilen kodu belgeye yapıştırın:

Normal hücre	Normal hücre
Beyaz Saray'ı ziyaret etmek için buraya tıklayın	JavaScript işlevini çalıştırmak için tıklayın

Bu kod, iki satır ve iki sütun içeren bir tablo oluşturur. "Td" etiketleri tablonun hücresini tanımlar. Bu hücreler arasındaki herhangi bir şey onun parçası olur. Son iki hücrede görünen iki bağlantı etiketine bakın. "Href" özniteliği ilk bağlantı noktasından Beyaz Saray web sitesine işaret eder. Aşağıdaki bağlantı etiketi bir "onclick" olayı ekler. Bu olay, JavaScript uyarı işlevini çağırır.

3. adım

HTML belgesini kaydedin ve herhangi bir tarayıcıda açın. Tablo görünecektir. Fare imlecini tablodaki hücrelerin üzerine getirin. İmleci, tablonun son iki hücresine taşıdığınızda bir işaretçiye dönüşür.

4. Adım

Beyaz Saray'ı ziyaret etmek için buraya tıklayın. Kaşif Beyaz Saray sitesine gidecek. "JavaScript fonksiyonunu çalıştırmak için tıklayın" linkine tıklayın. Uyarı fonksiyonu çalışır ve bir açılır mesaj kutusu görüntüler.