Kategori: Referensi HTML

한 항목만 선택된 원형 라디오 버튼 그룹 일러스트

Radio HTML: Grup name, checked, dan required

Buat dua grup radio independen dan periksa nilai yang dikirim dalam contoh lengkap. Pelajari bagaimana name, id, value, checked, required, reset, label, dan pemilihan melalui keyboard bekerja bersama.

기울어진 강조와 두꺼운 중요 표시를 대비한 일러스트

HTML em dan strong: Penekanan, Kepentingan, serta Perbedaan dari b dan CSS

Bandingkan penekanan kata dengan kepentingan dalam contoh HTML lengkap. Pelajari kapan harus menggunakan em, strong, b, atau CSS font-weight dan mengapa gaya visual tidak menggantikan makna semantik.

일부가 채워진 진행 막대와 로딩 상태를 표현한 일러스트

HTML progress: Menampilkan Kemajuan dan Status Tidak Tentu

Hitung penyelesaian tugas dengan value dan max, dan beralih ke kemajuan indeterminate dalam contoh interaktif lengkap. Pelajari cara memberi nama tugas, mengumumkan statusnya, dan membedakan kemajuan dari meter.

설명 항목과 입력 컨트롤을 연결한 일러스트

HTML label: Menghubungkan for dan id serta Memperluas Area Klik

Bandingkan hubungan eksplisit for/id dengan kontrol di dalam label melalui contoh lengkap. Periksa klik, penggunaan keyboard, deskripsi tambahan, dan ID yang duplikat.

행과 열로 구성된 표 위에 제목 패널이 놓인 일러스트

HTML caption: Judul Tabel dan Posisi di Atas atau Bawah

Berikan seluruh tabel sebuah judul dengan keterangan dan bedakan dari header. Contoh lengkap menunjukkan bagaimana caption-side memindahkan judul di atas atau di bawah tabel dan menjelaskan pertimbangan aksesibilitas.

한 줄의 내용이 다음 줄로 이어지는 흐름을 표현한 일러스트

HTML br: Pindah Baris dan Perbedaan dengan p, wbr, dan pre

Bandingkan pemutusan baris br dengan pemformatan kode sumber dan pemisahan paragraf dalam contoh lengkap. Tabel perbandingan menjelaskan kapan memilih p, wbr, atau pre dan mengapa margin CSS harus mengatur jarak antar paragraf.

문서 아래의 연락처 카드와 봉투를 표현한 일러스트

HTML address: Kontak Penulis Artikel dan Pengelola Situs

Pisahkan kontak penulis artikel dari kontak pengelola situs melalui contoh lengkap. Pelajari penggunaan address, perilaku tautan mailto, serta aturan konten dan tampilannya.

선택 메뉴와 여러 선택 항목을 표현한 일러스트

HTML select: Dropdown, Pilihan Jamak, dan Nilai Formulir

Bandingkan nama dan nilai select dan option dalam form yang berfungsi dengan pemilihan wajib dan ganda. Periksa pengecualian bidang yang dinonaktifkan, default yang dipilih, perilaku reset, dan cara membaca semua nilai yang dipilih.

비활성 스크립트 화면 옆에 대체 안내가 표시되는 일러스트

HTML noscript: Konten Cadangan Saat JavaScript Dinonaktifkan

Bandingkan skrip yang dinonaktifkan dengan kesalahan runtime JavaScript menggunakan contoh noscript lengkap. Pelajari cara menjaga panduan penting tetap tersedia dan di mana konten cadangan seharusnya berada di body dan head.

사진과 설명 띠가 하나의 프레임 안에 묶인 일러스트

HTML figure dan figcaption: Mengelompokkan Konten dan Keterangan

Bandingkan keterangan sebelum dan sesudah konten yang berdiri sendiri menggunakan contoh lengkap figure dan figcaption. Pelajari bagaimana keterangan berbeda dari teks alternatif gambar dan bagaimana contoh SVG menyesuaikan diri pada layar sempit.