← Kembali ke materi
Latihan · Roadmap Software Engineer

Kartu profil Bayu

Latihan paling nyaman dikerjakan di laptop.

Instruksi

Bayu ingin halaman profil sederhana untuk dikirim ke teman-temannya. Halamannya masih kosong. Bantu dia membuatnya.

  1. Di index.html, ganti komentar di dalam <body> dengan sebuah <div class="kartu">.
  2. Di dalamnya, tulis judul <h1> berisi nama Bayu, sebuah foto <img> lengkap dengan alt, dan daftar <ul> berisi minimal tiga hal tentang Bayu.
  3. Di style.css, beri .kartu warna latar #fff3e0.

Tekan Jalankan untuk melihat hasilnya, lalu Periksa.

Kode

Hasil

Tekan Jalankan untuk melihat halaman.