Kategori: Tutorial HTML

Pilih jenis input yang sesuai untuk alamat email, jumlah, nilai tanggal, dan pilihan. Bandingkan input yang terlihat, grup radio yang wajib diisi, dan nilai yang benar-benar dikirimkan dalam formulir lengkap.

Hubungkan label dengan bidang input menggunakan for dan id. Pelajari perbedaan antara id dan name serta mengapa placeholder tidak menggantikan label yang terlihat.

Bedakan action, method, dan name, lalu bandingkan permintaan GET dan POST. Periksa input dengan FormData tanpa mengirimnya, dan bandingkan atribut disabled, readonly, dan kotak centang.

Jelaskan judul tabel dan hubungan antara data dengan caption, th, dan scope, dan pelajari kapan colspan atau rowspan membuat tabel lebih sulit dibaca.

Susun tabel data HTML dengan baris, sel header, dan sel data. Kelompokkan bagian tabel dan tangani tampilan lebar tanpa memakai tabel untuk mengatur tata letak halaman.

Gunakan figure dan figcaption untuk menjaga gambar dan penjelasannya tetap terlihat bersama dan membedakan keterangan gambar dari teks alternatif gambar.

Pahami perbedaan struktural antara div dan span, pelajari cara menargetkan konten yang dibutuhkan dengan CSS, dan pilih elemen semantik jika mereka lebih baik mendeskripsikan konten.

Pelajari kapan menggunakan header, nav, main, article, section, aside, dan footer, lalu buat halaman lengkap yang area dan tautan internalnya berfungsi bersama.

Bandingkan srcset dan sizes untuk perubahan resolusi dengan picture untuk menyesuaikan potongan gambar. Gunakan file nyata untuk memeriksa lebar tampilan seluler, kondisi media, dan gambar yang dipilih oleh browser.

Masukkan gambar dengan HTML img, tulis teks alternatif yang berguna, dan tetapkan lebar serta tingginya dengan benar. Contoh yang dapat diunduh membantu Anda menguji jalur file dan ukuran.