Membuat Tombol di HTML




Cara Membuat Tombol di HTML

Tombol merupakan sebuah bagian yang penting dalam membuat website yang elegan, dengan adanya tombol kita dapat mempermudah para pengunjung untuk mendapatkan petunjuk mengenai informasi yang kita sajikan. Selain itu jika anda membuat sebuah website download, tentunya dengan adanya sebuah Tombol dapat mempermudah para pengunjung untuk menuju ke halaman download file tersebut.

Sebenarnya untuk membuat sebuah di HTML kita hanya memperlukan tag <button></button> untuk lebih lengkapnya silahkan perhatikan di bawah ini

Berikut ini adalah cara membuat Tombol di HTML, silahkan ikuti secara seksama.

  1. buka editor html anda, dan salin script berikut ini
<!DOCTYPE html>
 <html>
 <head> 
<title>Membuat Tombol di HTML</title> 
</head> 
<body> 
<button>Klik Disini</button>
 </body> 
</html>

Jika script tersebut dijalankan di sebuah browser maka hasilnya akan seperti ini



Mempercantik Menggunakan CSS

baca juga Membuat Garis Horizontal di HTML

2. Selain itu kamu juga bisa mempercantik dengan menggunakan css, seperti untuk mengatur background, mengatur ukuran tombol, mengubah warna tulisan, dan mengatur kelengkungan tombol dengan cara berikut ini

<!DOCTYPE html>
 <html>
 <head> 
<title>Membuat Tombol di HTML</title>
 </head>
 <body>
 <button style="background: blue; width: 100px; height: 50px; border-radius: 10px; color: #ffffff;">
Klik Disini </button>
 </body>
 </html>

Jika script tersebut dijalankan di sebuah browser maka hasilnya akan seperti ini



3. buat kamu yang ingin memberi link pada tombol tersebut maka caranya seperti  di bawah ini:

<!DOCTYPE html>
<html>
<head>
	<title>Membuat Tombol di HTML</title>
</head>
<body>
<button style="background: blue; width: 100px; height: 50px; border-radius: 10px; color: #ffffff;">
<a href="http://faiziweb.com/">Klik Disini</a></button>
</body>
</html>

Jika script tersebut dijalankan di sebuah browser maka hasilnya akan seperti ini



Mudah bukan unutk membuat sebuah tombol di HTML,, jika anda merasa belum jelas mengenai artikel ini,, silahkan anda dapat bertanya melalui kolom komentar di bagian bawah.

Baca JugaMembuat Garis Horizontal di HTML



Author: admin

1 thought on “Membuat Tombol di HTML

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

This site uses Akismet to reduce spam. Learn how your comment data is processed.