Wednesday , 18 July 2018

Membuat Tombol Dengan Code HTML

Membuat tombol dengan code HTML adalah salah satu cara untuk mempercantik tampilan website kita, maupun WordPress atau Blogger.Code HTML ini termasuk teknik dasar belajar bahasa HTML, tapi masih banyak lagi teknik-teknik dasar bahasa HTML lainnya yang kalau di bahas semuanya di satu artikel ini akan panjang sekali dan jika di print akan memerlukan kertas sampai satu rim. Jadi saya hanya membahas salah satu saja bahasa HTML, yaitu membuat tombol dengan code HTML.

Membuat Tombol Dengan Code HTML
Membuat Tombol Dengan Code HTML
Tidak usah saya bercakap lebar lagi, langsung ajah di praktekkan ya!
  1. Pertama-tama kalian harus mempunyai browser dahulu seperti Internet Explorer, Google Chrome, Mozilla Firefox, dan banyak lagi. Browser ini kita gunakan untuk melihat hasil praktek kita jadi wajib kita pnya.
  2. Yang kedua kalian harus mempunyai aplikasi pengeditan HTML seperti Notpad++, Sublime Text, Komodo Edit, dan banyak lagi. Sebenarnya menggunakan NotePad biasa atau yang terdapat pada Windows bawaan akan terlihat lebih sulit untuk mengedit bahasa HTML. Jadi saya sarankan harus mempunyai aplikasi text editor di atas.
  3. Setelah kalian mempunyai aplikasi di atas kalian bisa mengedit bahasa HTML dan membuat tombol dengan code html. Kalian buka aplikasi text editor yang kalian instal. Aplikasi text editor yang saya gunakan adalah Komodo Edit. Kalian masukkan code HTML di bawah ini ke dalam aplikasi text editor;
    Code HTML untuk tombol <botton>Contoh</botton>
    Contoh:
  4. Kalian juga bisa menjadikan tombol itu untuk menuju ke link url yang kalian inginkan. Kalian masukkan code HTML di bawah ini ke dalam aplikasi text editor;
     <a href="URL_YANG_DITUJU/"><b><button>NAMA_TOMBOL</button></b></a>

    Conto:

  5. Kalian juga bisa merubahnya menjadi membuka ke new tab pada browser. Kalian masukkan code HTML di bawah ini ke dalam aplikasi text editor;
     <a href="URL_YANG_DITUJU" target"_blank"><b><button>NAMA_TOMBOL</button></b></a>

    Contoh:

  6. Atau kalin juga bisa menambahkan warna supaya tombol yang kalian buat lebih menarik, untuk yang tidak tahu code warnanya bisa kalian googling ajah ya. Kalian masukkan code HTML di bawah ini ke dalam aplikasi text editor;
     <a href="URL_YANG_DITUJU" target="_blank"><b></b><button style="background: #00FFFF; border: 0; font-weight: bold; value="NAMA_TOMBOL">NAMA_TOMBOL</button></b></a>

    Contoh:

  7. Jika kalian sudah membuat code diatas, kalian bisa mengimpannya dimana saja.. Tapi jangan nyimpan di jalan ya, nanti tertabrak.. hahaha

Jika kalian ingin tambah menarik lagi kalian bisa memodif code di atas dengan kreasi sendiri. EXPERIMEN!! HARUS!!

Sekian artikel yang bisa saya berikan hari ini kepada kalian. Masih banyak lagi ilmu-ilmu tentang bahasa HTML yang belum saya berikan kepada kalian. Semoga artikel ini memberikan kalian ilmu yang bermanfaat.

Jangan takut mencoba, karena kalau tidak pernah mencoba bagaimana kalian bisa!!

Leave a Reply