CARA MEMBUAT BUTTON LINK DI HTML

HTML atau Hyper Text Markup Language adalah bahasa pemrograman yang digunakan untuk membuat dan mendesain website. Salah satu elemen penting dalam HTML adalah button link. Button link sangat bermanfaat untuk mengarahkan pengunjung website ke halaman lain. Dalam artikel ini, kita akan membahas cara membuat button link di HTML.

Langkah Pertama - Buat elemen button

Untuk membuat button link, pertama-tama kamu perlu membuat elemen button. Gunakan tag <button> dalam HTML. Berikut adalah contoh bagaimana menggunakan tag tersebut:

<button>Nama Button</button>

Pastikan untuk mengganti “Nama Button” dengan teks yang kamu inginkan pengguna melihat pada button.

Langkah Kedua - Menambahkan fungsi link ke button

Ada dua metode untuk menambahkan fungsi link pada button. Kamu dapat menggunakan tag <a> atau <form>.

Menggunakan Tag <a>

Tag <a> adalah metode paling sederhana dan umum digunakan. Kamu hanya perlu menambahkan tag <a> dan atribut href ke dalam elemen button.

Berikut adalah format penggunaan tag <a>:

<a href="URL Tujuan"><button>Nama Button</button></a>

Menggunakan Tag <form>

Metode kedua adalah dengan menggunakan tag <form>. Dalam metode ini, kamu akan menggunakan atribut action untuk menambahkan URL. Contoh penggunaannya sebagai berikut:

<form action="URL Tujuan"><input type="submit" value="Nama Button"></form>

Tidak seperti tag <a>, kamu perlu menggunakan tag <input> dengan tipe submit untuk membuat button.

Langkah Ketiga - Mengubah Style Button

Kamu bisa mengubah style button dengan menggunakan CSS. Berikut adalah contoh cara memberikan style pada button:

<button style="font-size : 20px; background-color : blue; color : white;">Nama Button</button>

Dengan kode di atas, kamu telah membuat button dengan ukuran teks 20px, latar belakang biru, dan warna teks putih.

Demikianlah cara membuat button link di HTML. Dengan mengikuti panduan ini, kamu bisa menambahkan fungsionalitas link pada button dan meningkatkan navigasi di website kamu.