분류용 상위 폴더 없이 실제 문법·함수 이름을 번호순으로 배치했습니다. 폴더에서 README와 실행 파일을 바로 확인하세요.
일반 프로그래밍 언어의 if·for 분류를 적용하지 않고 실제 태그·속성·선택자 이름으로 배치했습니다.
각 장의 example.html을 브라우저로 엽니다. 이미지 등 함께 있는 리소스는 같은 폴더 구조를 유지하세요.
| 번호 | 문법·함수 | 설명 |
|---|---|---|
| 00 | DOCTYPE & html & head & body | HTML 문서와 요소 |
| 01 | tag & attribute | 태그·요소·속성·중첩·주석 |
| 02 | id & class & lang & data | id·class·lang·data·불리언 속성 |
| 03 | entity & pre & code | 문자 참조·공백·코드 표시 |
| 04 | h1 & p & strong & em | 제목, 문단, 텍스트 의미 |
| 05 | img & picture | 이미지, 대체 텍스트, 크기 |
| 06 | form & name & value | 폼의 name·value·label·전송 |
| 07 | label & input & button | 폼, label, name |
| 08 | select & textarea & required | 입력 종류와 제약 조건 |
| 09 | details & summary | details와 data-* |
| 10 | ul & ol & li & table | 목록과 데이터 표 |
| 11 | a & button | 링크·버튼·경로의 기본 규칙 |
| 12 | href & path | 링크, 상대 경로, 버튼 |
| 13 | header & nav & main & footer | 시맨틱 레이아웃과 랜드마크 |
| 14 | alt & aria & tabindex | 키보드와 접근 가능한 이름 |
| 15 | meta & link & script | 메타데이터와 리소스 로딩 |
| 16 | DevTools & validator | HTML 검증과 개발자 도구 |