HTML’de, bir buton eklemek için “button” etiketi kullanılır. “button” etiketi, kullanıcının bir formda, bir sayfada veya bir uygulamada etkileşimde bulunmasını sağlamak için kullanılabilir.
Buton özellikleri arasında metin, renk, boyut, etkinlik ve tıklanabilirlik gibi seçenekler yer alabilir. Ayrıca, butonu bir JavaScript işlevine veya belirli bir URL’ye bağlamak için de kullanılabilir.
Örneğin, basit bir buton oluşturmak için aşağıdaki kodu kullanabilirsiniz:
html
<button>Buton Metni</button>
Bu kod, “Buton Metni” yazan basit bir buton oluşturur. Ancak, butonun özelliklerini değiştirmek için çeşitli özellikler kullanılabilir. Örneğin, aşağıdaki kod bir buton oluşturur ve rengini değiştirir:
html
<button style=”background-color: blue; color: white;”>Buton Metni</button>
Bu kod, “Buton Metni” yazan bir buton oluşturur ve mavi arka plan rengine ve beyaz yazı rengine sahiptir.
Buton tıklanabilir hale getirilirse, “onclick” özelliği kullanılabilir. Aşağıdaki örnek, butona tıklandığında “Merhaba Dünya!” mesajı gösterir:
html
<button onclick=”alert(‘Merhaba Dünya!’)”>Buton Metni</button>
Bu kod, “Buton Metni” yazan bir buton oluşturur ve tıklanabilir hale getirir. Tıklanır tıklanmaz, “alert” işlevi aracılığıyla “Merhaba Dünya!” mesajı görüntülenir.
Bunun gibi buton özellikleri, tasarım ve işlevsellik bakımından farklılık gösterebilir. Örneğin, CSS özellikleri kullanarak butonları biçimlendirebilir ve JavaScript işlevleri kullanarak butonlara farklı işlevler atayabilirsiniz.