Outcomes

• ✅ Outcomes (Hasil Pembelajaran)Setelah menyelesaikan modul ini, peserta didik harus mampu:1. Pemahaman KonseptualMembedakan Peran: Menjelaskan perbedaan antara HTML (struktur) dan CSS (presentasi/gaya).Mengaplikasikan Box Model: Menjelaskan setiap komponen dari Model Kotak (Content, Padding, Border, Margin) dan mengapa itu penting dalam tata letak.2. Keterampilan Teknis (Styling)Menggunakan Selector: Menggunakan Class Selector (.) dan ID Selector (#) secara efektif untuk menargetkan elemen spesifik.Mengatur Teks: Menerapkan gaya pada teks, termasuk mengubah warna (color), jenis font (font-family), ukuran (font-size), dan perataan (text-align).Mengimplementasikan Box Model: Menerapkan properti padding, border, dan margin untuk mengontrol jarak internal dan eksternal elemen.3. Keterampilan Tata Letak (Layout)Mengontrol Properti display: Memahami dan membedakan perilaku elemen block, inline, dan inline-block.Aplikasi Flexbox Dasar: Menggunakan $`display: flex;`$ pada container dan properti seperti justify-content dan align-items untuk menata elemen dalam satu baris atau kolom sederhana.4. Proyek AkhirMembangun Tampilan: Mengubah dokumen HTML mentah menjadi halaman web dengan desain visual yang menarik dan terorganisir, menerapkan semua teknik styling dan layout dasar yang telah dipelajari.