Belajar HTML bareng Trimilio. Dapatkan materi Zoom, contoh eksperimen, dan update berikutnya.

Langsung coba

Tempel HTML. Lihat hasilnya. Sesederhana itu.

Kode hanya diproses di browser sampai kamu memilih untuk membagikannya.

Kode HTML

Paste kode atau buka satu file .html.

<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Eksperimen Pertamaku</title>
  <style>
    * { box-sizing: border-box; }
    body {
      margin: 0;
      min-height: 100vh;
      display: grid;
      place-items: center;
      padding: 24px;
      font-family: Arial, sans-serif;
      color: #102342;
      background: #fbf7ee;
    }
    main {
      width: min(520px, 100%);
      padding: 40px;
      text-align: center;
      background: white;
      border: 1px solid #e7dfcf;
      border-radius: 20px;
      box-shadow: 0 18px 50px rgba(16, 35, 66, .10);
    }
    .eyebrow { color: #9a6b08; font-weight: 700; }
    h1 { margin: 10px 0; font-size: clamp(30px, 8vw, 52px); }
    p { line-height: 1.65; color: #556278; }
    button {
      margin-top: 12px;
      padding: 12px 18px;
      border: 0;
      border-radius: 10px;
      color: white;
      background: #102342;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <main>
    <div class="eyebrow">Trimilio HTML Lab</div>
    <h1>Halo, dunia!</h1>
    <p>Ubah tulisan, warna, atau tombol ini. Lalu lihat hasil eksperimenmu secara langsung.</p>
    <button onclick="this.textContent='Berhasil 🎉'">Klik saya</button>
  </main>
</body>
</html>

Contoh sudah siap. Ubah kodenya lalu tampilkan preview.

1.3 KB dari 2 MB

Preview

Hasil kode tampil di area aman.

Sandbox aktif

Hasilnya sudah pas?

Buat link acak yang otomatis berakhir dalam 7 hari.

Preview tidak mendapat akses ke halaman editor atau data Trimilio.