카테고리: HTML

HTML은 웹페이지의 콘텐츠에 구조와 의미를 부여합니다. HTML·CSS·JavaScript의 역할을 비교하고, 간단한 코드가 브라우저에 표시되는 과정과 첫 HTML 파일을 만드는 방법을 알아봅니다.

HTML에서 연속된 공백은 하나의 공백으로 처리합니다. 소스 코드에서 여러 칸을 띄어써도 브라우저에서는 한 칸을 띄어쓴 것으로 표현됩니다. 연속된 공백을 넣고 싶다면 특수 문자  를 사용합니다.

q의 짧은 인용과 blockquote·cite의 역할을 구분합니다. 출처 링크와 중첩 인용을 전체 예제로 확인하고, 자동 인용 부호를 중복하지 않는 방법을 설명합니다.

pre와 일반 문단의 공백 처리 차이를 비교하고, 긴 코드에 가로 스크롤이나 자동 줄바꿈을 적용합니다. HTML 소스 이스케이프와 code 요소의 역할도 예제로 설명합니다.

figure로 독립된 자료를 묶고 figcaption을 앞이나 뒤에 배치하는 방법을 전체 예제로 비교합니다. 캡션과 이미지 대체 텍스트의 역할, 반응형 크기 조절도 함께 설명합니다.

noscript의 표시 조건과 JavaScript 실행 오류의 차이를 전체 예제로 비교합니다. 스크립트 사용 여부와 관계없이 핵심 안내를 제공하는 구조, body와 head의 사용 조건도 설명합니다.

select·option의 name과 value, 필수 선택과 복수 선택을 실제 양식으로 비교합니다. disabled 항목의 제외, selected 초기값과 reset, 여러 선택 값을 읽는 방법도 설명합니다.

for·id 연결과 label로 입력 요소를 감싸는 방식을 전체 예제로 비교합니다. 클릭·키보드 동작, placeholder와의 차이, 중복 id와 연결 오류를 확인하는 방법도 설명합니다.

progress의 value·max 계산과 미정 상태의 차이를 설명합니다. 버튼으로 진행률을 바꾸는 전체 예제와 작업 이름·상태 문장을 제공하는 방법을 확인합니다.

같은 name으로 라디오 버튼을 묶고 선택 값을 확인하는 전체 예제를 제공합니다. required·checked, 미선택 시 제출 누락, 초기화와 선택 해제의 차이도 설명합니다.