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.4 34 votes
Article Rating
Subscribe
Bildir
guest
8 Yorum
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
ÖMER
1 yıl önce

🙂

ata
ata
1 yıl önce

Çok Yaralı Oldu Teşekkür Ederim

yazılımcı olmak isteyen ata
8 ay önce

çko fydalı ve yrarlı olumş
tşekükr eidyrum

Sohbet
8 ay önce

işime cok yaradı tşk

NURULLAH
NURULLAH
7 ay önce

Allah razı olsun

LorEx
LorEx
6 ay önce

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 ?

oğuzzz
oğuzzz
5 ay önce

çok doğru bir siteye bakmıştım olmamıştı kesinlikle işe yarıyor