HTML Buton Yapma Kodları

HTML Buton Yapma Kodları

, örnekleri, HTML özellikleri konularını bu makalede halledeceksiniz. Web site tasarımıyla uğraşan herkesin yolu HTML 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 yapımına kadar daha pek çok çeşidine yer vereceğiz. Kullanıcılar burada en çok CSS butonlarla HTML butonları karıştırmaktadır. CSS butonlar HML butonlara göre daha karmaşık bir yapıya sahiptir. Bu konumuzda HTML’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

  • Zehra:Merhabalar benim telefonum format oldu YouTube kan...
  • Muhammed polat:Sizde varmı bu fotoğraf makineden almak istiyorum...
  • Muhammed polat:Nereden aldınız acaba bilgi verebilir misiniz yada...
  • Nurcan:Hesabimi sildim şimdi geri alamıyorum...
  • Mahmut KüRDÜ:Hesabımın tekrar açılmasını rica ediyorum lütfen ç...
  • efe:bazı filmleri otomatik almıyor. diyelim 300 filmin...