HTML'de Nasıl Buton (Düğme) Eklenir?

HTML'de bir düğme oluşturmak için <button> etiketi kullanılır. Bu düğmeler sayfalar arası geçişi sağlamak veya bir uyarı mesajı vermek için kullanılabilir.

Kod

<button>Örnek Düğme</button>

Çıktı

Örnek Düğme

Bu düğme CSS kodları olmadan şöyle görünür:

Düğmelere Bağlantı Verme

HTML'de düğmelere <a> etiketi kullanılarak bağlantı verilebilir. Bu etiket ile ilgili daha fazla bilgiye erişmek için HTML'de Bağlantılar konusuna göz atabilirsiniz.

Kod

<a href="http://www.ysfsoft.com/"><button>Ana sayfaya gitmek için tıklayınız</button></a>

Çıktı

Ana Sayfaya gitmek için tıklayınız

Bu düğmenin CSS'siz durumu şöyle görünür:

Tıklandığında Uyarı Veren Düğme

<button> etiketi kullanılarak tıklandığında uyarı veren düğme yapılabilir.

Kod

<button onclick="alert('Örnek mesaj')">Mesajı görmek için tıklayınız</button>

Çıktı

Mesajı görmek için tıklayınız

Yorumlar