Membuat tombol dengan HTML mari kita sedikit membahas tentang bagaimana caranya button dengan html sederhana.

Sebenarnya banyak artikel dan para ahli koding yang menulis atau membahas tentang membuat tombol dengan html.

Disini saya kan berbagi pengalaman saya, dan akan berbagi beberapa cara sederhana sebagai berikut :

Contoh 1 :

Berikut Tampilannya

Berikut adalah pengetikan Codingnya :

<button type=”submit”>Button/Tombol</button>

Contoh 2 :

Dengan Warna

Berikut syntax coding untuk button dengan html :

<html>
<head>
<style>
.button {
background-color: #4CAF50; /* Hijau */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}

.button2 {background-color: #008CBA;} /* Biru */
.button3 {background-color: #f44336;} /* Merah */
.button4 {background-color: #e7e7e7; color: black;} /* Abu-abu */
.button5 {background-color: #555555;} /* Hitam */
</style>
</head>
<body>

<h2>Dengan Warna</h2>
<button class=”button”>Hijau</button>
<button class=”button button2″>Biru</button>
<button class=”button button3″>Merah</button>
<button class=”button button4″>Abu-abu</button>
<button class=”button button5″>Hitam</button>

</body>
</html>

Demikin adalah beberapa cara pembuatan coding button dengan html, selanjutnya kita akan membahas tentang bagaimana cara pembuatan link berkedip agar lebih menarik.

Contoh Link Berkedip :

FAST RESPON KLIK DISINI

Baiklah nanti kita lanjutkan lagi bagaimana cara membuat Link Berkedip dengan html.

LEAVE A REPLY

Please enter your comment!
Please enter your name here