HTML Buton Yapma Kodları

HTML Buton Yapma Kodları

HTML buton nasıl yapılır, HTML buton örnekleri, HTML buton ö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 buton yapımına kadar daha pek çok buton ç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.

Makalede Neler Var?

Standart HTML Buton 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: