HTML Tutorial

• 시작하기
  • 개념과 역할
  • HTML 문서의 기본 구조
  • 문법
• 콘텐츠 작성하기
  • 제목과 문단
  • 텍스트에 의미 부여하기
  • 목록
  • 링크
  • 이미지
  • 반응형 이미지
• 페이지 구조 만들기
  • 시맨틱 요소로 페이지 영역 나누기
  • div와 span은 언제 사용할까?
  • 그림과 설명 묶기
  • 표 만들기
  • 읽기 쉬운 표 만들기
• 입력 양식 만들기
  • form의 구조와 GET·POST 제출 방식
  • label과 input으로 입력 필드 만들기
  • input 유형 선택하기
  • textarea, select, option, button 사용하기
  • 입력값 검증
  • fieldset, legend, autocomplete로 양식 설명하기
  • 양식에 안내 문구 추가하기
• 문서를 완성하고 점검하기
  • 문서 제목·설명·언어·문자 인코딩 설정하기
  • 미디어와 외부 콘텐츠 삽입하기
  • details와 summary로 펼침 콘텐츠 만들기
  • HTML 접근성 기본
  • HTML 오류 찾기와 문서 검사하기
  • 여러 페이지로 된 작은 사이트 만들기