CHAPTER 01 인터넷과 웹 환경의 발전
1.1 인터넷의 역사 16
1.1.1 인터넷의 발전과정 16
1.1.2 웹의 발전 18
1.2 HTML의 발전 21
1.2.1 마크업 언어 및 HTML 언어의 역사 21
1.2.2 HTML5 언어의 특징 23
1.3 인터넷의 기본 개념 25
1.3.1 클라이언트-서버 모델 26
1.3.2 인터넷의 전송방식 26
1.3.3 주소체계 28
1.4 웹 브라우저의 종류 29
1.4.1 웹 브라우저의 소개 29
1.4.2 대표적인 웹 브라우저들 30
1.5 작업환경 준비하기 32
1.5.1 코드 편집하기 32
1.5.2 웹브라우저에서 실행하기 33
1.5.3 웹브라우저 개발자 도구 사용하기 35
■ 연습문제 36
CHAPTER 02 HTML5 문서 기본
2.1 기본 문서 만들기 40
2.1.1 HTML 요소와 속성 40
2.1.2 HTML 문서의 기본 구조 44
2.2 단락과 텍스트 꾸미기 47
2.2.1 단락의 제목과 줄 47
2.2.2 단락 꾸미기 48
2.2.3 다양한 텍스트 표현 50
2.3 목록 및 표 작성하기 52
2.3.1 목록 나열하기 52
2.3.2 표의 기본 구성 55
2.3.3 표의 구조적 표현 56
2.4 문서 구조화하기 59
2.4.1 문서 구조화 요소 59
2.4.2 문서 구조에 스타일시트 적용하기 63
■ 연습문제 66
CHAPTER 03 링크와 멀티미디어
3.1 링크 달기 70
3.1.1 하이퍼텍스트와 링크 70
3.1.2 문서 간 이동 72
3.1.3 문서 내 특정 위치로 이동 75
3.2 이미지 사용하기 78
3.2.1 이미지 파일 종류 78
3.2.2 이미지 삽입 79
3.3 오디오와 비디오 다루기 84
3.3.1 지원하는 오디오/비디오 파일 형식 84
3.3.2 오디오 삽입하기 86
3.3.3 비디오 삽입하기 89
3.4 객체 포함하기 93
3.4.1 <-i-frame>으로 다른 문서의 내용 표시하
이 책의 구성은 전체 13개 장이 크게 4가지 파트로 구분되어 있습니다. 제1부는 HTML5 기본 태그를 설명하고 있으며 1장에서 인터넷과 웹 환경의 발전에 대한 설명으로 시작하고 있습니다. 2장에서는 문서의 내용이나 문서구조를 표현하는데 필요한 HTML5의 기본 태그들을 설명하고 있습니다. 3장에서는 HTML의 가장 큰 특징 중의 하나인 하이퍼링크의 표현과 이미지/오디오/비디오 등 멀티미디어의 표현 방법을 설명합니다. 4장과 5장에서는 CSS3 스타일시트의 기본적인 사용방법에서 다양한 기능까지 설명하고 있습니다. 6장에서는 웹 페이지에서 사용자의 다양한 입력을 처리해 주는 입력 폼을 설명합니다. 제2부는 CSS3 스타일시트와 입력 폼 및 전반부의 실습을 다루고 있습니다. 7장에서는 전반부에서 설명한 HTML 태그와 CSS3를 실습할 수 있도록 인터넷 서점 사이트를 구축하는 프로젝트를 제시하고 있습니다.
제3부에서는 자바스크립트 프로그래밍을 다루고 있습니다. 8장에서 자바스크립트의 기본적인 프로그래밍 방법을 설명하고, 9장에서 자바스크립트 객체와 DOM 문서구조, 10장에서는 이벤트 처리 등 다양한 활용 방법을 설명하고 있습니다. 11장에서는 자바스크립트로 화면에 그림을 그리는 HTML5 캔버스라는 새로운 기능을 소개하고 있습니다. 제4부는 웹 애플리케이션 개발을 위한 HTML5의 다양한 API를 다루고 있습니다. 12장은 인터페이스 개발에 관련된 API를 설명하고, 13장에서는 저장 관련 API와 그 외에 다양한 API를 소개하고 있습니다. 14장에서는 후반부에서 배운 내용의 실습이 가능하도록 프로젝트를 제시하였습니다. 이 프로젝트는 전반부에 구축한 인터넷 서점 웹사이트에서 도서를 대출하고 정보를 저장하는 모바일 웹 애플리케이션을 구현하는 내용으로 후반부 실습이 가능하도록 하였습니다.
이 책은 대학교의 강의 교재로서만이 아니라 HTML5 환경을 처음 배우는 웹 개발자, 웹 기획자, 웹 디자이너에게도 매우 유용한 교재로 사용될 수 있습니다. 더 나아