<!DOCTYPE html>
<html>
<head>
<title> Button dalam Html </title>
</head>
<body>
<button> Tombol </button>
</body>
</html>
Tombol diatas jika diklik tidak memiliki aksi apapun karena belum kita berikan attribut. Sekarang kita akan memberikan attribut berupa hyperlink. Untuk menambahkan atribut hyperlink, kita bisa menggunakan tag <a href="linktautan">. Berikut ini adalah contoh penulisan kodingan nya
<!DOCTYPE html>
<html>
<head>
<title> Button dalam Html </title>
</head>
<body>
<button><a href="https://nusapixeldigital.blogspot.com">Tombol</a></button>
</body>
</html>
Selain menggunakan tag <button>, kita bisa menggunakan tag <input>. <input> memiliki 2 tipe, yaitu submit dan reset Berikut ini adalah cara membuat tombol menggunakan tag <input>.
<!DOCTYPE html>
<html>
<head>
<title> Cara Membuat Tombol Dengan Tag Input </title>
</head>
<body>
<input type="submit" value="Submit Button">
<input type="reset" value="Reset Button">
</body>
</html>
Perbedaan antara submit dan reset adalah jika Submit untuk mengirim data yang diinput di dalam form dan akan di proses dengan suatu script tertentu. Sedangkan reset digunakan untuk mengosongkan kembali form yang telah diisi.