Category: HTML Reference

문장 흐름 안의 짧은 인용 구간을 표현한 일러스트

HTML q Element: Inline Quotes, cite Sources, and Quotation Marks

Distinguish q from blockquote and the cite element or attribute. Use a complete example to check source links and nested quotations while avoiding duplicate quotation marks.

시계와 시각 선택 컨트롤을 표현한 일러스트

HTML Time Input: 24-Hour Values, min, max, step, and Seconds

Compare 15-minute and one-second time inputs in a complete example. Check submitted strings, required and interval validation, reset, midnight-crossing ranges, and the need for separate dates and time zones.

슬라이더 손잡이와 실시간 조절 결과를 표현한 일러스트

HTML Range Slider: min, max, step, Live Output, and Reset

Build a slider that updates text size and its numeric output in real time. Compare current and initial values, inspect form submission, check keyboard controls, and restore every display on reset.

증감 버튼과 일정한 간격의 숫자 입력을 표현한 일러스트

HTML Number Input: min, max, step, Decimals, and valueAsNumber

Validate quantities and decimal weights in a complete number-input example. Compare step bases, string and numeric values, empty-input handling, identifier fields, and server-side checks.

보이는 입력창 뒤에 숨은 값 카드가 함께 전달되는 일러스트

HTML Hidden Input: Submitted Values, JavaScript Changes, and Security Limits

Inspect hidden values alongside checkboxes in a complete form example. Compare disabled and CSS-hidden fields, change values with JavaScript, and understand why the server must validate hidden inputs.

재생 버튼과 조절 막대가 있는 동영상 플레이어 일러스트

HTML video: Playback Controls, Autoplay, Responsive Sizing, and Troubleshooting

Run a complete video player example with WebM and MP4 sources. Choose playback attributes, compare responsive sizing, troubleshoot blocked autoplay or unsupported files, and plan captions and descriptions.

여러 줄의 입력 내용을 담은 넓은 텍스트 영역 일러스트

HTML textarea: Multiline Input, Length Limits, readonly, and Submitted Values

Run a complete textarea example with multiline defaults, required and length validation, readonly and disabled fields. Compare visual wrapping with line breaks and read current values safely in JavaScript.

선택한 날짜와 허용 범위를 보여 주는 달력 일러스트

HTML Date Input: value, min, max, step, and Date Format

Check normalized date values, inclusive ranges, required validation, reset, and seven-day steps in a complete example. Distinguish calendar dates from times and verify important rules on the server.

입력 양식에서 서버로 값이 전달되는 과정을 표현한 일러스트

HTML form: GET and POST, action and name, with a PHP Example

Run a complete HTML and PHP form example to compare GET and POST requests. Check field names, server validation, escaped output, encoding, reset behavior, and common submission failures.

여러 항목을 동시에 선택한 체크박스 그룹 일러스트

HTML Checkboxes: Multiple Values, required, and indeterminate

Inspect multiple checkbox values, required validation, disabled-field exclusion, reset, and partial selection in a complete example. Learn how missing and repeated fields should be handled on the server.