Di halaman ini, Anda dapat menemukan kumpulan contoh kode HTML siap pakai untuk berbagai kebutuhan: Formulir pendaftaran, tabel data, kartu produk, galeri gambar, dan tata letak responsif.
HTML Examples
Contoh Komponen Kartu Profil Lengkap:
<!DOCTYPE html>
<html>
<head>
<style>
.card { width: 260px; padding: 20px; background: white; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); font-family: sans-serif; text-align: center; border: 1px solid #e2e8f0; }
.btn { background: #04AA6D; color: white; border: none; padding: 8px 16px; border-radius: 20px; font-weight: bold; cursor: pointer; }
</style>
</head>
<body>
<div class="card">
<h4 style="margin: 0 0 8px 0; color: #0d2e5c;">Contoh Kartu Web</h4>
<p style="color: #64748b; font-size: 0.85rem;">Komponen siap pakai dengan struktur HTML semantik.</p>
<button class="btn">Klik Aksi</button>
</div>
</body>
</html>Klik Coba Sendiri (Try it Yourself) » untuk bereksperimen dengan contoh di atas.