Masalah utama terkait tombol HTML href adalah sulitnya menata tombol dengan cara yang terlihat konsisten di berbagai browser. Selain itu, saat menggunakan tag jangkar dengan atribut href, tautan akan terbuka di jendela yang sama secara default, yang mungkin tidak diinginkan untuk jenis tautan tertentu. Terakhir, jika atribut href tidak dikonfigurasi dengan benar, mengeklik tombol dapat menyebabkan halaman kesalahan.
<button><a href="">Click Here</a></button>
1. Baris kode ini membuat elemen tombol dalam HTML.
2. Di dalam elemen button, terdapat tag anchor dengan atribut href yang kosong.
3. Tag jangkar berisi teks "Klik Di Sini".
Definisi HREF
HREF adalah singkatan dari Hypertext Reference dan merupakan atribut HTML yang digunakan untuk mendefinisikan hyperlink. Ini digunakan untuk menautkan satu halaman ke halaman lain, baik di situs web yang sama atau situs web yang berbeda. Atribut HREF menentukan tujuan tautan dan dapat digunakan dengan elemen HTML lainnya seperti , , dan
Bisakah saya menggunakan HREF di tombol HTML
Tidak, tidak mungkin menggunakan atribut href dalam elemen tombol di HTML. Elemen tombol tidak mendukung atribut href. Namun, Anda bisa menggunakan JavaScript untuk menambahkan click event listener ke tombol yang akan membawa pengguna ke halaman lain saat diklik.
Bagaimana Anda menata a href sebagai tombol
Untuk mendesain tag jangkar sebagai tombol dalam HTML, Anda dapat menggunakan kode berikut:
Kemudian tambahkan CSS berikut ke stylesheet Anda:
.tombol {
warna latar belakang: #4CAF50; /* Hijau */
batas: tidak ada;
warna putih;
padding: 15px 32px;
text-align: center;
teks-dekorasi: tidak ada;
tampilan: blok-sebaris; ukuran font: 16px; margin: 4px 2px; kursor: penunjuk;}
