seo dersleri

HTML Buton Yapma Kodları

HTML Buton Yapma Kodları

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

Konu İle İlgili Görüşlerinizi Buradan Paylaşabilirsiniz.

facebook twitter youtube google+ feedburner feedburner