(1)HTML5의 개념
(3)HTML - 테이블
(5)CSS - 텍스트, 컬러, 배경 표현
(7)JavaScript - 기본 구조
(9)JavaScript - 객체, 프로퍼티
(11)JavaScript - DOM, WINDOW, NODE, innerHTML
(13)JavaScript - 다양한 함수 (콜백-fillter, forEach, every, map, 재귀)
(15)JavaScript - 상속
(17) JavaScript - 라이브러리 jQuery
(19) HTML - 배너
(2)HTML - 섹션
(4)CSS - HTML과의 연동
(6)CSS -레이아웃 정렬
(8)JavaScript - 연산자, 조건문, 반복문
(10)JavaScript - 배열, 함수
(12)JavaScript - event API/전파
(14)JavaScript - 프로퍼티 모음 , prototype
(16)JavaScript - 라이브러리
(18) JavaScript - 페이지 작성 예
(20) HTML - 네비게이션
구조적 마크업 이해 마크업 언어 -
웹페이지의 디자인 요소 강화
구조적, 표현적 혼용 문제 - (웹접근성 저해, 더높은 유지비용, 문서 크기 비대화)
블록레벨 요소 - 제목, 문단 , 줄바꿈이 일어나는 요소 인라인 요소 - 줄바꿈이 일어나지 않는 요소 (강조, 링크, 이미지 등)
세션 요소 -컨텐츠의 집합 - 하나의 독립적인 컨텐츠 단위
div 요소 - 아이디, 클레스 속성 적용
<section> - 범용섹션 (제목을 시작하는 컨텐츠) <h1> <h1> <nav>네비게이션링크로 구성 되는 섹션, 목록으로 작성 (목차로 사용) <ul>... <article> 기사등 독립적 <aside> 문서의 주요 콘텐츠와 별개의 영역 정의 <header> 페이지 머리글, 네비게이션 등 정의 <footer> 저작원 정보, 작성자, 링크 등
<hgroup> h1~h6까지 있음 (헤딩을 순서대로 사용하지 않아도 됨)
제목에 따른 섹션 분리 <address> article 또는 body 요소의 연락처 정보 의미 (가장 가까운 조상 요소) <a herf >
그룹콘텐츠 요소