Halaman web pertama
Dari folder kosong sampai halaman profil yang rapi dan nyaman dibuka di ponsel. Titik mulai yang kami sarankan bila kamu benar-benar baru.
5 bagian · sekitar 14 menit baca · oleh Dimas Prakoso & Sekar Anindita
Urutan bagian
-
Bagian 1 dari 5 Tingkat: Pemula 4 menit baca
Kerangka HTML pertamamu, baris demi baris
Membuat berkas index.html dari folder kosong, memahami arti setiap baris kerangka, lalu membukanya di peramban.
-
Bagian 2 dari 5 Tingkat: Pemula 2 menit baca
Judul, daftar, tautan, dan gambar
Mengisi halaman dengan subjudul, daftar, tautan antarhalaman, dan gambar yang punya teks alternatif.
-
Bagian 3 dari 5 Tingkat: Pemula 2 menit baca
CSS pertamamu: warna, huruf, dan jarak
Menghubungkan berkas CSS ke halaman, menulis aturan pertama, dan mengenal selektor elemen serta kelas.
-
Bagian 4 dari 5 Tingkat: Pemula 4 menit baca
Tata letak dengan flexbox: menjajarkan tanpa pusing
Membuat kepala halaman dengan menu sejajar dan deretan kartu yang turun sendiri saat layar sempit, cukup dengan beberapa properti flexbox.
-
Bagian 5 dari 5 Tingkat: Pemula 2 menit baca
Membuat halaman nyaman di ponsel dengan media query
Membatasi lebar isi, membuat gambar lentur, dan menulis media query pertama dengan pendekatan layar kecil lebih dulu.
Centang di atas hanya alat bantu selama halaman ini terbuka. Tidak disimpan di mana pun dan kembali kosong saat halaman dimuat ulang.
Seri tuntas. Kerjakan latihan di bagian terakhir, lalu lanjut ke seri lain di samping.