Web sayfalarında butonları sık kullanırız. Butonlar “Call to Action” yapıların olmazsa olmazları arasındadır. Buttonlar < button > yapıları ile oluştururuz. Örnekle açıklamak daha kolay olacaktır.
Örnek:
<button> Hemen Al <button>
Önizleme:
HTML Butonları Biçimlendirme
HTML’de style etiketi ile veya css üzerinden butonlara renk , font , boyut , border gibi özellikler verebiliriz. Modern tarzda butonları kolay bir şekilde oluşturabiliriz.
Örnek:
<button style="background-color:tomato;color:white;width:100%;"> Hemen Al <button>
Önizleme:
HTML’de Butonlara link Verme
Butonların amacı tıklandığında bir işlem gerçekleştirmesidir. Bu işlemlerden en sık olanı başka bir url e yönlendirmesidir. Bu amaçla < a href=”” > yapıları içerisinde butonlar kullanabiliriz.
Örnek:
<a href="https://www.cagrigungor.com" > <button style="background-color:tomato;color:white;width:100%;">Ana Sayfa <button> </a>
Önizleme:
🙂
Çok Yaralı Oldu Teşekkür Ederim
çko fydalı ve yrarlı olumş
tşekükr eidyrum
işime cok yaradı tşk
Allah razı olsun
Güzel ve yararlı bir içeriik olmuş teşekkürler ama
ben butona tıklayınca bazı kodlar yürütecek böyle birşey varmı ?
Varsada kodu nedir ?
html ile böyle birşey yapamazsınız.Js ile yapmalısınız.
çok doğru bir siteye bakmıştım olmamıştı kesinlikle işe yarıyor
butona href verdiğimizde nasıl düzenleyebiliriz?
Merhaba butona bastığımda 3 4sn gibi bir süre beklemesini ve başka sayfaya yönlenmesini istiyorum bunu nasıl yapabilirim
Bunu js kodları ile kolay bir şekilde yapabilirsiniz.
setTimeout(function () {
window.location.href = “blog.html”; //will redirect to your blog page (an ex: blog.html)
}, 2000); //will call the function after 2 secs.
yönlendirmek istediğim sayfam .php uzantılı ve bu kodu kullanınca sayfaya gidemiyorum bunu nasıl çözerim?
Uzantı ile hiç bir alakası yok. Sayfanızın çalıştığına emin olun path kontrolü yapın.
Örnek href=”/index.php” veya href=”index.php” birbirinden farklıdır.