HTML Buton Yapma Kodları

HTML Buton Yapma Kodları

, , özellikleri konularını bu makalede halledeceksiniz. Web site tasarımıyla uğraşan herkesin yolu kodlarından geçer. Bunlardan en önemlilerinden biride butonlar ve linkleme işlemidir. Butonları renklendirmek, karemi yoksa oval mi olacak gibi daha pek çok unsurun yanı sıra resim buton yapımına kadar daha pek çok buton çeşidine yer vereceğiz. Kullanıcılar burada en çok CSS butonlarla butonları karıştırmaktadır. CSS butonlar HML butonlara göre daha karmaşık bir yapıya sahiptir. Bu konumuzda ’ye değineceğiz.

Standart Kodu

<button type="button">Bu Bir Butondur</button>

Örnek Buton:

Bağlantı İçeren Buton Kodu

<button onclick="window.location.href='http://www.Dijitalteknoloji.net/'">Teknoloji Haberleri</button>

Örnek Buton: 

Renkli HTML Buton Kodu

background-color bölümündeki Hexadecimal kodu değiştirerek butonun rengini değiştirebilirsiniz.

<button type="button" style="background-color:#0099CC" >Bu Bir Butondur</button>

Örnek Buton:

Bu örnekte de background-color bölümündeki Hexadecimal kodunu değiştirerek butonun rengini, color önündeki Hexadecimal kodunu değiştirerek de Link rengini değiştirebilirsiniz. LINKURL bölümüne de tıklayınca gidilecek olan adresi yazmalısınız.

<button type="button" style="background-color:#000000;"><a href="LINKURL" style="color:#ffffff">Bu Bir Butondur</a></button>

Örnek:

Butona Resim Ekleme

<input type="image" value="submit" src="resimismi.jpg" />

Örnek Buton:

Facebook'ta Paylaş
Whatsapp'ta Paylaş
Facebook'ta Paylaş
Whatsapp'ta Paylaş
Yorumlar

Yorumunuzu Yazın

E-posta adresiniz yayınlanmayacaktır.


Son Yorumlar

  • admin:Sizin öneriniz nedir? Yani kullanıcı bataryayı kul...
  • Cengiz:Lityum iyon pilleri, boş bir şekilde saklarsanız, ...
  • admin:https://www.blogger.com/forgot.g linkine tıklayın....
  • Eda:3 yıl önce bi blog açmışım ve bir şeyler karalamış...
  • Kbrkyn:Bana yardımcı olabilirmisiniz bundan 5 yıl önce fa...
  • gülay:7542 arıyorum şifre istiyo ben bi şifre koymadım n...
  • Fatoş Çiçek:2 tane face hesabımı sildim ama açmak istiyorum LÜ...

Sponsorlarımız

Minecraft Apk indir