Category: HTML Reference

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

HTML Radio Buttons: name Groups, checked Defaults, and required Validation

Build two independent radio groups and inspect their submitted values in a complete example. Learn how name, id, value, checked, required, reset, labels, and keyboard selection work together.

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

HTML em and strong: Emphasis, Importance, and the Difference from b and CSS

Compare stress emphasis with importance in a complete HTML example. Learn when to use em, strong, b, or CSS font-weight and why visual styling does not replace semantic meaning.

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

HTML progress: Set Completion Values and Switch to Indeterminate

Calculate task completion with value and max, and switch to indeterminate progress in a complete interactive example. Learn how to name the task, announce its state, and distinguish progress from meter.

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

HTML label: Connect for and id and Enlarge the Click Target

Compare explicit for/id associations with wrapping labels in a complete example. Check clicking and keyboard behavior, distinguish labels from placeholders, and diagnose duplicate IDs or broken associations.

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

HTML caption: Table Titles and Top or Bottom Positioning

Give an entire table a title with caption and distinguish it from th headers. A complete example shows how caption-side moves the title above or below the table and explains accessibility considerations.

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

HTML br: Line Breaks and the Differences from p, wbr, and pre

Compare br line breaks with source-code formatting and separate paragraphs in a complete example. A comparison table explains when to choose p, wbr, or pre and why CSS margin should control paragraph spacing.

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

HTML address: Contact Details for Article Authors and Site Operators

Use a complete HTML example to separate an article author’s contact details from the site operator’s. Learn when address applies, how mailto links behave, and which content and style changes are appropriate.

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

HTML select: Dropdowns, Multiple Selection, and Submitted Values

Compare select and option names and values in a working form with required and multiple selections. Check disabled-field exclusion, selected defaults, reset behavior, and how to read all selected values.

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

HTML noscript: Fallback Content When JavaScript Is Disabled

Compare disabled scripting with a JavaScript runtime error using a complete noscript example. Learn how to keep essential guidance available and where fallback content belongs in body and head.

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

HTML figure and figcaption: Group Content and Position Captions

Compare captions before and after self-contained content using a complete figure and figcaption example. Learn how captions differ from image alternative text and how the SVG example scales to a narrow screen.