Contoh penggunaan CSS di HTML Eg.css Isi Presensi terlebih dahulu !!! Deskripsi Umum Tugas Setiap peserta ekskul (individu atau kelompok maksimal 3 orang) diminta untuk membuat website portofolio yang menampilkan Home, About, Portofolio, dan Contact. Website ini dapat bersifat personal (profil diri) atau tim (profil kelompok /proyek bersama). Website harus menampilkan elemen visual dan konten yang mencerminkan identitas kreatif pembuatnya, serta dibuat menggunakan teknologi web dasar (HTML, CSS, JavaScript) — sesuai kemampuan peserta. Checklist sebelum Submint * Ada halaman Home, About, Portfolio, Blog(opsional), Contact * Navigasi berfungsi di HP dan desktop * Tampilan rapi dan responsif * Boleh mencari referensi tetapi wajib memahami dan meulis ulang * Dilarang menyalin template jadi tanpa modifikasi Referensi : https://github.com/ https://codepen.io/ https://www.w3schools.com/ AI 🛠️ Komponen Website Wajib Setiap website minimal memiliki 5 halaman atau bagian utama berikut: 1. Beranda (Home) Menampilkan nama, tagline, atau kalimat pembuka yang menggambarkan identitas kreatif. Bisa dilengkapi gambar latar, animasi ringan, atau video pendek. 2. Tentang Saya / Tentang Kami (About) Profil singkat individu/tim: latar belakang, visi artistik, bidang karya, pengalaman, dll. Foto diri/tim atau ilustrasi representatif. 3. Portofolio / Karya (Works / Projects) Dokumentasi minimal 3 karya (tulisan, teater, musik, desain, film, dll). Setiap karya dilengkapi deskripsi, peran, tahun, dan media dokumentasi (gambar/video/link). 4. Proses Kreatif / Catatan (Process / Journal / Blog) Cerita di balik pembuatan karya atau refleksi proses berkarya. Dapat berupa artikel, catatan visual, atau dokumentasi foto. (OPSIONAL) 5. Kontak (Contact) Informasi untuk menghubungi (email, media sosial, link form, dsb). Bila berbentuk tim, tambahkan logo dan daftar anggota.

Khusus Atribut HTML

Macam Macam code

Contoh penggunaan HTML dasar

Inline CSS

CSS Biru

CSS Hijau

Internal CSS

Contoh Internal CSS (seluruh h1 dan bold berubah warna)

>style< h1{color:beige} p{font-family: comic sans-serif;} b{background-color: blue;} >style<

CSS Selector

>p class=""