Lompat ke konten utama
←

Bangun Halaman Web Pertamamu

Pelajaran 6 dari 6

Merapikan dan menggabungkan · Pelajaran 6

Membuat kartu profil

Tujuan: Pengguna dapat menggabungkan struktur dan gaya menjadi satu komponen kartu.

±12 menitDiperiksa 2026-09-21

Sekarang gabungkan semuanya. Buat satu kartu profil berisi nama, satu kalimat deskripsi, dan satu tautan.

  1. Bungkus isinya dengan <div class="kartu">…</div>.
  2. Isi kartu dengan h1, p, dan a.
  3. Beri kelas kartu latar putih, padding, dan border-radius lewat CSS.
<style>
  .kartu {
    background: #ffffff;
    padding: 24px;
    border-radius: 14px;
  }
</style>

Praktik

Buat satu div dengan kelas kartu, isi dengan heading, paragraf, dan tautan, lalu beri gaya pada kelas itu.

Kode tersimpan otomatis saat kamu mengetik.

Pemeriksaan ini mencocokkan kodemu dengan instruksi latihan. Belum ada penilaian kualitas kode secara menyeluruh. Preview menjalankan HTML dan CSS saja, tanpa JavaScript.

Selesaikan latihannya dulu untuk menandai pelajaran ini selesai.

Lanjutkan ke

Sumber