HTML

HTML Buton Ekleme ve Düzenleme

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:

 


4.7 18 votes
Article Rating
Subscribe
Bildir
guest
2 Yorum
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
ÖMER
7 ay önce

🙂

ata
5 ay önce

Çok Yaralı Oldu Teşekkür Ederim