🎯 Tujuan Pembelajaran
- Memahami struktur dasar HTML5.
- Mengenal elemen, tag, dan atribut.
- Menerapkan CSS untuk mempercantik tampilan web.
- Membuat layout responsif menggunakan Bootstrap.
🎥 Video Pembelajaran
📘 Materi Modul
1. Struktur Dasar HTML
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Halo Dunia!</h1>
</body>
</html>
2. Styling dengan CSS
body {
background-color: #f8f9fa;
color: #333;
font-family: 'Poppins', sans-serif;
}
h1 {
color: #007bff;
}3. Contoh Hasil:
Halo Dunia!
Ini adalah halaman HTML pertamaku.
🧠 Tugas Praktek
Buat halaman web sederhana dengan struktur berikut:
- Judul dan paragraf pembuka
- Daftar unordered list berisi hobi kamu
- Tambahkan CSS untuk warna latar dan teks
Kumpulkan file index.html dan style.css ke Google Classroom masing-masing.