Menu
CoddyTech
Mulai belajar

Tambahkan Ikon

Pelajaran 6 dari 12 dalam kursus Bilah Navigasi Bawah: Proyek HTML/CSS di Coddy.

challenge icon

Tantangan

Mudah

Di dalam setiap tag list <li>, tambahkan ikon yang sesuai,

  1. Tambahkan ini ke list home:

    <i class="fa-solid fa-house"></i>

  2. Tambahkan ini ke list User:

    <i class="fa-solid fa-user"></i>

  3. Tambahkan ini ke list Dashboard:

    <i class="fa-solid fa-rocket"></i>

  4. Tambahkan ini ke list Chats:

    <i class="fa-solid fa-people-group"></i>

  5. Tambahkan ini ke list Cart:

    <i class="fa-solid fa-cart-shopping"></i>

Coba sendiri

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Tulis kode HTML di sini -->
        <script src="script.js"></script>
    </body>
</html>

Semua pelajaran di Bilah Navigasi Bawah: Proyek HTML/CSS

1Bilah Navigasi

Menyiapkan Kodemain-containerPelajaran proyekBilah NavigasiPelajaran proyeklist tak berurutan dan judulPelajaran proyekItem dan judul listPelajaran proyekTambahkan IkonPelajaran proyek

2Gaya

Tag universalPelajaran proyekBodyPelajaran proyekPenataan navbarPelajaran proyekPenataan daftar tak berurutanPelajaran proyekPenataan item daftarPelajaran proyekAnimasi ikon saat diarahkanPelajaran proyek

Latihan sendiri: Playground Web