К содержанию

Tutorial HTML dan CSS untuk Pemula

Tutorial sederhana tentang markup dengan bahasa HTML dan CSS untuk pemula dengan teori dan bank soal yang mendetail.

Selektor

Hubungan Kekerabatan Tag dalam HTML

Pewarisan Properti CSS

Pengelompokkan Selektor di CSS

Properti Umum saat Pengelompokkan Selektor di CSS

Selektor Keturunan dalam CSS

Selektor Anak di CSS

Kelas Elemen dalam CSS

Tag span untuk Potongan Teks dalam HTML

Tag div untuk Pengelompokan Tag di HTML

Pengelompokan Kelas dalam CSS

Tag dengan Kelas Tertentu di CSS

Selektor Keturunan dan Kelas dalam CSS

Kombinasi Kompleks Selektor Keturunan dan Kelas dalam CSS

Kesalahan Pemula dalam Selektor Keturunan

Elemen dengan Beberapa Kelas CSS

Pemilihan Elemen berdasarkan id Unik di CSS

Selektor berdasarkan id dan Kelas CSS

Penggunaan id dalam CSS

Pemilihan Elemen Berdasarkan Beberapa Kelas di CSS

Beberapa Selektor Ditulis Berurutan dalam CSS

Kesalahan dalam Menggunakan Beberapa Selektor CSS

Pengelompokkan Selektor Kompleks di CSS

Kesalahan dalam Pengelompokkan Selektor CSS yang Kompleks

Praktik Kombinasi Selektor CSS

Prioritas Selektor CSS

Catatan tentang Konflik Properti CSS

Aturan Spesifisitas dalam CSS

Prioritas Selektor Keturunan dalam CSS

Selektor Adjacent dalam CSS

Selektor Saudara dalam CSS

Selektor Universal di CSS

Selektor Atribut di CSS

Status Tautan dalam CSS

Nuansa Urutan Status Tautan dalam CSS

Status Tautan link dan visited di CSS

Penggunaan Umum State Link dalam CSS

Selektor Kompleks dengan Status Tautan dalam CSS

Tautan dengan Kelas di CSS

Pemilihan Elemen Ujung dalam CSS

Seleksi Berdasarkan Posisi Elemen dalam CSS

Pemilihan Anak Tunggal dalam CSS

Memilih Elemen Kosong dalam CSS

Seleksi Berdasarkan Posisi dan Jenis Elemen di CSS

Selektor Negasi dalam CSS

Dekorasi

Mengatur Warna Latar Belakang di CSS

Dasar-Dasar Penggunaan Border di CSS

Border Solid di CSS

Border Titik-Titik di CSS

Border Berbentuk Garis Putus-putus di CSS

Border Cembung di CSS

Border Ganda di CSS

Properti Singkatan untuk Border di CSS

Batas untuk Sisi Individual dalam CSS

Membuat Sudut Blok Melengkung di CSS

Membulatkan Border Latar Belakang di CSS

Membuat Lingkaran di CSS

Berbagai Pembulatan untuk Sudut Berbeda CSS

Empat Nilai Pembulatan untuk Sudut Berbeda CSS

Dua Nilai Pembulatan untuk Sudut Berbeda CSS

Tiga Nilai Pembulatan untuk Sudut Berbeda di CSS

Sudut Melengkung dalam Persentase di CSS

Membuat Lingkaran dengan Border Radius dalam Persentase di CSS

Gambar Latar Belakang di CSS

Pengulangan Gambar Latar dalam CSS

Properti Lainnya untuk Latar Belakang di CSS

Mengelola Marker Daftar ul di CSS

Penanda Daftar ul Persegi di CSS

Penanda Daftar ul Berbentuk Lingkaran di CSS

Mengolah Marker Daftar ul dalam CSS

Menghilangkan Penanda Daftar ul di CSS

Mengolah Penanda List ol dalam CSS

Angka Romawi Huruf Kecil untuk Daftar ol di CSS

Angka Romawi Kapital untuk Daftar ol di CSS

Huruf Latin Huruf Kecil untuk Daftar ol di CSS

Huruf Latin Kapital untuk Daftar ol di CSS

Huruf Yunani Lowercase untuk Daftar ol di CSS

Angka dengan Nol di Depan untuk Daftar ol dalam CSS

Model Blok

Cara Menggunakan Margin di CSS

Margin untuk Sisi Berbeda dalam CSS

Beberapa Nilai dalam Properti margin di CSS

Empat Nilai dalam Properti margin di CSS

Dua Nilai dalam Properti margin di CSS

Tiga Nilai dalam Properti margin di CSS

Cara Menggunakan Padding di CSS

Padding untuk Sisi Berbeda dalam CSS

Beberapa Nilai dalam Properti padding di CSS

Cara Kerja dengan Padding di CSS

Pengaruh Border pada Perluasan Elemen di CSS

Pengaruh Padding dan Border pada Perluasan Elemen di CSS

Membatalkan Perluasan Elemen di CSS

Fitur Elemen Blok di CSS

Lebar dan Tinggi Elemen Blok di CSS

Lebar Elemen Blok di CSS

Tinggi Elemen Blok di CSS

Tinggi Elemen Blok Tanpa Konten di CSS

Beberapa Elemen Blok Bersebelahan di CSS

Fitur Elemen Inline dalam CSS

Lebar dan Tinggi Elemen Inline dalam CSS

Beberapa Elemen Inline Berdampingan di CSS

Indentasi antara Elemen Inline di CSS

Definisi Model Blok Tag HTML

Menggunakan Properti display dalam CSS

Fitur Elemen Inline-Block dalam CSS

Lebar dan Tinggi Elemen Inline-Block di CSS

Lebar Elemen Inline-Block di CSS

Tinggi Elemen Inline-Block di CSS

Beberapa Elemen Inline-Block Berdampingan di CSS

Penyelarasan Elemen Blok di CSS

Perataan Elemen Blok dengan Margin Kiri di CSS

Penyelarasan Elemen Blok dengan Margin Kanan di CSS

Penyelarasan Elemen Inline di CSS

Pemusatan Elemen Inline di CSS

Memusatkan Beberapa Elemen Inline

Penyelarasan Elemen Inline ke Kanan di CSS

Penyelarasan Elemen Inline-Block di CSS

Posisi Tengah Elemen Inline-Block di CSS

Penyelarasan Elemen Inline-Block ke Kanan di CSS

Elemen Flex di CSS

Tinggi Induk Elemen Flex di CSS

Lebar Parent Elemen Flex di CSS

Parent Inline-Block dari Elemen Flex di CSS

Padding Induk Elemen Flex dalam CSS

Indentasi Margin pada Elemen Anak di CSS

Penyelarasan Elemen Flex di CSS

Penyelarasan Elemen Flex ke Tengah di CSS

Penyelarasan Elemen Flex di Parent di CSS

Penyelarasan Elemen Flex di Induk dengan Jarak

Penyelarasan Elemen Flex di Parent dengan Jarak yang Sama

Posisi

Posisi Absolut Elemen dalam CSS

Posisi Relatif Elemen dalam CSS

Posisi Relatif terhadap Induk di CSS

Posisi Relatif terhadap Induk Absolut di CSS

Posisi Absolute Tanpa Koordinat di CSS

Pemisahan Tengah melalui Absolute di CSS

Nilai Negatif dalam Positioning di CSS

Posisi Tetap di CSS

Blok Lebar Penuh Layar di CSS

Penumpukan Elemen pada Sumbu Z di CSS

Mengatur Penumpukan Elemen pada Sumbu Z di CSS

Nuansa Penerapan Nilai z-index Negatif dalam CSS

Floats

Pengenalan Properti float dalam CSS

Penetrasi Elemen Mengambang Melalui Tag di CSS

Kombinasi float dan margin dalam CSS

Kombinasi float dan padding dalam CSS

Elemen Mengambang di Bawah Tag dalam CSS

Dampak Float pada Parent di CSS

Tinggi Induk Float dalam CSS

Teks dalam Induk Float di CSS

Float dalam CSS

Membatalkan Float dengan Properti clear di CSS

Div Terpisah dengan Clearfix di CSS

Clearfix dan Tinggi Parent di CSS

Properti float untuk Blok di CSS

Properti float dan Beberapa Blok di CSS

Properti float dan induk tanpa teks dalam CSS

Flex

Penempatan Elemen Flex dalam Baris atau Kolom di CSS

Penempatan Elemen Flex dalam Baris Terbalik di CSS

Penempatan Elemen Flex dalam Kolom di CSS

Membalik Kolom dengan Elemen Flex di CSS

Sumbu Utama dan Sumbu Silang dalam Blok Flex di CSS

Penyelarasan Elemen Flex di Sepanjang Sumbu Utama dalam CSS

Penyelarasan Blok Flex pada Sumbu Silang di CSS

Nilai center dari properti align-items di CSS

Pemuatan tanpa Ketinggian Blok di CSS

Pemisatan dengan Tinggi Blok Berbeda di CSS

Arti nilai stretch dari properti align-items di CSS

Praktik Penyelarasan pada Sumbu di CSS

Penyelarasan Elemen Individual dalam Model Flex di CSS

Urutan Blok Flex dalam CSS

Layout

Membuat Menu di CSS

Tata Letak Situs Satu Kolom Sederhana dalam CSS

Skema Tata Letak dengan Beberapa Wrapper di CSS

Blok Struktural Situs dalam HTML

Skema Layout Dua Kolom Situs dalam CSS

Skema Tata Letak Tiga Kolom Situs Web dalam CSS

Tag Khusus untuk Elemen Tata Letak Situs dalam HTML

Tag Tata Letak Utama dalam HTML

Tag untuk Bagian di HTML

Praktik Membuat Layout dengan HTML dan CSS