스마트한 생활을 위한 버전 2 : HTML 기초 & 활용 (HTML5 + CSS3)

01장 HTML 시작하기
1. HTML이란?
2. HTML 문서를 만들기 위한 준비
3. HTML의 기본 구조 살펴보기
4. HTML 기본 다지기 : 메모장으로 작성하기
* 디딤돌 학습

02장 글자 관련 태그 살펴보기-1
1. 제목 크기 조정하기
2. 단락 구분하기
3. 문단 정렬하기
4. 문단 배경색 지정하기
5. 경계선 넣기
* 디딤돌 학습

03장 글자 관련 태그 살펴보기-2
1. 글자 꾸미기-1 : 글자 진하게/기울임/밑줄/취소선 표시하기
2. 글자 꾸미기-2 : 글자 크기/글꼴/색상 변경하기
3. 스타일시트(CSS)
4. 글자 꾸미기- 3 : 스타일시트(CSS) 활용하여 일괄 적용하기
* 디딤돌 학습

04장 목록 관련 태그 살펴보기
1. 순서가 없는 목록 만들기
2. 순서가 있는 목록 만들기
3. 설명(정의) 목록 만들기
* 디딤돌 학습

05장 이미지 및 배경 관련 태그 살펴보기
1. 이미지 삽입하기
2. 이미지 크기 및 위치 지정하기
3. 이미지에 설명 달기
4. 배경에 이미지 삽입하기
5. 배경 이미지 크기 및 위치 조정하기
6. 배경에 색 채우기
* 디딤돌 학습

06장 멀티미디어 관련 태그 살펴보기
1. 파일 변환하기
2. 비디오 삽입하기
3. 오디오 삽입하기
* 디딤돌 학습

07장 표 관련 태그 살펴보기
1. 표 만들기
2. 셀 합치기
3. 셀 채우기
4. 테두리 선 설정하기
* 디딤돌 학습

08장 하이퍼링크 관련 태그 살펴보기
1. 다른 문서 연결하기
2. 새 탭에서 보기
3. 외부 웹 사이트 연결하기
4. 문서 내 다른 위치로 이동하기 : 책갈피
* 디딤돌 학습

09장 레이아웃 관련 태그 살펴보기
1. 시맨틱(Semantic) 태그
2. 일반적인 웹 문서 구조와 구조 태그
3. 레이아웃 영역 구분하기-1 : 헤더 영역 설정하기
4. 레이아웃 영역 구분하기-2 : 내비게이션 영역 설정하기
5. 레이아웃 영역 구분하기-3 : 섹션 영역 설정하기
6. 레이아웃 영역 구분하기-4 : 사이드 영역 설정하기
7. 레이아웃 영역 구분하기-5 : 푸터 영역 설정하기
8. 문서 디자인하기 : 스타일시트(CSS)로 디자인하기
9. 전체 너비 및 전체 배치 설정하기
* 디딤돌 학습

10장 태그 편집기 활용하기
1. 메일 편집기에서 HTML 활용하기
2. 카페 편집기에서 HTML 활용하기
* 디딤돌 학습