Kategori: Tutorial HTML

Buat halaman beranda, halaman tentang kami, dan halaman kontak dengan navigasi bersama dan metadata masing-masing. Periksa tautan relatif, item menu saat ini, dan formulir kontak yang hanya untuk latihan input.

Temukan kesalahan HTML dengan Nu HTML Checker dan bedakan antara pemeriksaan sintaks dan perilaku browser. Bandingkan ID ganda dengan perbaikannya dan periksa penetapan label.

Periksa makna dan penggunaan keyboard dari judul, tautan, gambar, dan formulir. Latih pengujian manual pada halaman kecil dengan tautan lompat, petunjuk bidang yang persisten, dan fokus yang terlihat.

Buat konten buka-tutup memakai details dan summary. Pelajari atribut open, label yang jelas, penggunaan papan ketik, dan kapan informasi sebaiknya langsung terlihat.

Gunakan audio, video, iframe, subtitle, dan tautan alternatif dengan benar. CSS responsif dan latihan lokal iframe membantu memeriksa jalur, rasio aspek, dan tata letak di layar sempit.

Tetapkan judul halaman, deskripsi meta, bahasa dokumen, dan pengkodean karakter di tempat yang tepat. Periksa file UTF-8, header server, dan viewport pada perangkat seluler.

Pelajari cara menambahkan placeholder di kolom input dan textarea di HTML, tanpa membingungkannya dengan label atau nilai awal. Menyertakan contoh formulir lengkap, pemeriksaan untuk kolom wajib, dan penjelasan tentang nilai kosong dalam data yang dikirim.

Kelompokkan pertanyaan dengan fieldset dan legend, lalu pisahkan grup radio memakai name yang berbeda. Pelajari token autocomplete dan uji dua kelompok pilihan yang independen.

Gunakan aturan HTML untuk kolom wajib, panjang teks, dan rentang angka. Bandingkan kesalahan yang diharapkan dan pahami perlunya validasi tambahan di server.

Bandingkan bagaimana textarea, select, option, dan button mempertahankan nilai dan berperilaku. Sebuah formulir lengkap menunjukkan pilihan yang diperlukan, nilai opsi yang dikirimkan, dan pengaturan ulang yang mengembalikan nilai awal.