HTML Buton Yapma Kodları

HTML Buton Yapma Kodları

nasıl yapılır, buton örnekleri, buton ö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

  • Silver:Zaten hayatimizda tonlarca sifre var b.k var gibi ...
  • Anonim:Android mi Sürümü kaç...
  • Osman:Bu bilgiyi arıyordum. 5 blogumu da diğer maile dev...
  • Gözde:Lütfen yardımcı olun gozde.2811@hotmail .com bu ad...
  • Gzde:Bana ulaşabilir misiniz? Lütfen silinen facemi tek...
  • obedeay:instagramda fotoğraf lar üzerine nasıl link ekleni...
  • Volkan aras:Whatsapp üzerinden yazbilirmisiniz azerbaycandayım...
  • Davut Selek:Lütfen kapatılan Facebook hesabımın tekrar açılmas...
  • Davut Selek:Herkese kapalı olan gereksiz adlı bir sayfamda yas...

Sponsorlarımız

Minecraft Apk indir