책의 특징 * 따라하기 : 따라하기 방식으로 내용을 구성하여 쉽게 습득할 수 있습니다. * 배움터 : 따라하면서 부족한 내용이나 알아두어야 할 사항들을 추가적으로 설명하여 실력을 한 단계 더 끌어 올립니다. * 디딤돌 학습 : 각 장이 끝날 때마다 혼자 해볼 수 있는 연습 문제를 두어 본문에서 배운 내용을 복습하고 응용함으로써 실력을 다질 수 있습니다. 이 책은 큰 글자체와 따라하기 방식으로 구성되어 누구나 쉽게 배울 수 있습니다. 이 책은 HTML5와 CSS3를 이용하여 기본적인 코딩 방법에 대해 알려줍니다. 간단한 웹 문서를 제작하고, 메일이나 카페에서 HTML을 활용하는 방법에 대해 살펴봅니다 [배움터]를 통해 부족한 설명 및 문제 해결 방법을 제공하고 있어 한층 더 실력을 업그레이드할 수 있으며, [디딤돌 학습]을 통해 학습 내용을 얼마나 이해했는지를 점검할 수 있습니다.

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 활용하기 * 디딤돌 학습