MEMBUAT BUTTON HTML

Untuk mempermudah atau membuat menarik tampilan blog ataupun web ada yang menggunakan button / tombol.

Yang biasanya digunakan untuk menempatkan link-link yang mengarah ke halaman lain atau link download pada blog maupun website. Supaya terlihat lebih menarik dan lebih rapi.

Cara Membuat Button Pada HTML 

Langsung saja untuk membuat button pada postingan agan hanya perlu ketikan scipt dibawah ini : 

Cara membuat button html sebenarnya cuma perlu script ini :

<button>Tombol</button>

 

Button diatas hanya button saja, belum mengarah ke link, Dan jika tombol ingin langsung mengarah ke link , contohnya seperti ini :

<a href="http://ozhora97.blogspot.com/"><button>Tombol</button></a>

Silahkan mengganti link yang berwarna merah dengan link tujuan yang ingin di arahkan pada button. Vasiasi yang dapat dilakukan atau dibuat dari button contohnya seperti ini :

<a href="http://ozhora97.blogspot.com"><button style=" color: red; height: 40px; width: 250px;"><b>BUTTON</b></button></a>

Color:red untuk mengatur warna tulisan menjadi warna merah, height:40px untuk mengatur tinggi button dan width:250px untuk mengatur lebar button menjadi 250px.  

Silahkan mengatur style sesuai dengan yang anda inginkan.

Ada juga script button untuk menuju atau mengarahkan pada link new tab. Contohnya seperti ini.

<a href="http://ozhora97.blogspot.com" target="blank"><button> Button Link New Tab </button></a> 

Script target="blank" digunakan untuk mengarahkan link menuju ke new tab.

Itulah beberapa script button yang bisa dicoba. Button merupakan bagian dari html.

Jika agan baru mau belajar html, ada software yang dapat digunakan untuk belajar html diantaranya software Notepad++ dan Sublime Text, memang kedua software tersebut sejenis notepad tetapi jika digunakan untuk mengedit file .html akan lebih mudah.  

Download Sublime Text

Download Notepad++

Itulah yang dapat saya sampaikan untuk cara membuat button pada html yang sebenarnya tidak penting-penting amat hehe. Tetapi semoga dapat bermanfaat.

• Tweet
• Share
• Share
• Share
• Share

About Admin

Jangan menyerah atas impianmu, impian memberimu tujuan hidup. Ingatlah, sukses bukan kunci kebahagiaan, kebahagiaan adalah kunci kesuksesan. Semangat!! Jangan lupa bahagia.

Related Post