Kerangka setiap halaman web — elemen, struktur, dan semantik.
HTML adalah bahan dasar setiap halaman web. Di sini kamu akan paham HTML itu sebenarnya apa, cara kerja tag dan elemennya, sampai menulis halaman pertamamu — dijelaskan sederhana, dari nol.
Setiap halaman HTML berdiri di atas kerangka yang sama: doctype, html, head, dan body. Di sini kamu akan paham fungsi tiap bagian dan kenapa ada — supaya bisa menyiapkan halaman apa pun dengan benar dari nol.
Sebagian besar isi halaman web adalah teks. Inilah elemen-elemen HTML yang menatanya — judul, paragraf, daftar, ganti baris, dan tag penekanan — lengkap dengan contoh kapan memakai masing-masing.
Tautan adalah yang membuat web menjadi web, dan gambar menghidupkan halaman. Pelajari cara memakai elemen <a> dan <img> dengan benar — termasuk path, teks alt, dan membuka tautan di tab baru.
Form adalah cara website menerima masukan — login, pencarian, pendaftaran, pesan kontak. Pelajari elemen form, input, label, dan button, jenis-jenis input umum, dan kenapa label begitu penting.
Tabel menata data ke dalam baris dan kolom — daftar harga, jadwal, perbandingan. Pelajari elemen table, tr, th, dan td, cara membuat tabel yang rapi, dan satu kesalahan yang harus dihindari dengan tabel.
HTML semantik memakai elemen yang mendeskripsikan konten itu APA — header, nav, main, article, footer — bukan div generik. Pelajari kenapa ini penting untuk aksesibilitas dan SEO, serta cara menata halaman dengan benar.
Atribut menambahkan informasi dan perilaku pada elemen HTML. Pelajari cara kerjanya, atribut global penting seperti id dan class, dan bagaimana id serta class menjadi jembatan antara HTML, CSS, dan JavaScript.
Setiap elemen HTML itu kalau bukan block ya inline, dan satu fakta itu saja sudah menjelaskan kenapa sebagian elemen menumpuk ke bawah sementara yang lain berjajar di satu baris. Pelajari bedanya, elemen-elemen kuncinya, dan cara menyarangkannya dengan benar.
Bahasan mendalam soal atribut class dan id — cara menulisnya, aturan penamaannya, bedanya keduanya, bagaimana CSS dan JavaScript memakainya untuk menargetkan elemen, serta konvensi yang membuat halaman besar tetap rapi dan mudah dirawat.
Panduan lengkap soal daftar di HTML — unordered, ordered, dan description list. Pelajari markup yang benar, atribut yang mengatur penomoran, cara menyusun list bertingkat, dan kapan tiap jenis benar-benar pas dipakai.
Ada karakter yang tidak bisa langsung diketik di HTML, dan ada yang tidak selamat sampai ke browser. Pelajari apa itu entitas HTML, kenapa mereka ada, dan cara memakainya untuk simbol, huruf beraksen, spasi, serta karakter yang dipakai HTML sendiri.
Bagian <head> menampung segala hal yang tidak tampil di layar, tapi memberi tahu browser, mesin pencari, dan media sosial cara memperlakukan halamanmu. Pelajari isi head dan cara meta tag mengatur charset, viewport, deskripsi, sampai pratinjau saat dibagikan.
Naik level dari sekadar tag <img>. Pelajari gambar responsif dengan srcset dan <picture>, format modern seperti WebP dan AVIF, lazy loading, mencegah pergeseran layout, serta memberi caption dengan <figure>.
Pelajari cara menanam suara dan video di HTML dengan elemen <audio> dan <video>: beberapa format sumber, kontrol pemutar, aturan autoplay, teks caption, poster, plus jebakan aksesibilitas dan performa yang sering bikin pusing.
Iframe membuatmu bisa menampilkan halaman web lain langsung di dalam halamanmu sendiri — peta, video, atau form pembayaran. Pelajari cara kerja elemen iframe, atribut pentingnya, pengaturan keamanannya, dan kapan sebaiknya dipakai (serta kapan tidak).
Naik level dari dasar-dasar form HTML. Pelajari atribut name, validasi bawaan lewat required, pattern, dan min/max, pengelompokan dengan fieldset dan legend, saran lewat datalist, serta cara membuat form yang kokoh sekaligus mudah diakses.
Atribut type mengubah kotak teks biasa menjadi field email, pemilih tanggal, roda warna, slider, dan lainnya. Pelajari setiap tipe input HTML yang penting, apa yang kamu dapat gratis dari masing-masing, dan kapan harus memakainya.
Layout adalah cara kamu menyusun bagian-bagian besar sebuah halaman — header, navigasi, konten utama, sidebar, dan footer. Pelajari tata letak semantik standar, pola halaman yang umum, dan di mana tugas HTML berhenti dan CSS mulai berperan.
Panduan praktis menulis HTML yang bersih, mudah diakses, dan gampang dirawat. Struktur semantik, nesting yang benar, aksesibilitas, validasi, dan kebiasaan kecil yang membedakan markup asal jadi dari kode yang profesional.