무엇이든 처음 배운다는 것은 힘든 일입니다. 특히나 컴퓨터 프로그래밍을 배우는 과정에서 영어로 된 용어들이나 익혀야 할 규칙들도 많아 어려움을 느끼며 도중에 포기하는 경우가 많습니다. 이 책은 “코딩 첫걸음”이라는 시리즈명에 맞게 HTML 입문자들이 한 발 한 발 웹 디자인의 세계로 내딛을 수 있도록 가이드하고 있습니다. 이 책은 인터넷에서 정보를 검색하는 정도의 경험 밖에 없는 사람이 웹 디자인을 배우기 시작할 때 도움이 될 수 있도록 집필하였습니다. 기초를 충실히 하면서 웹 디자인에 필요한 내용을 빠짐없이 수록하였습니다. 모든 설명에는 예제를 제공하여 따라해 보며 몸으로 익히고 머리로 이해할 수 있도록 하였습니다. 친절하고 꼼꼼한 설명과 간결하지만 실전에 도움이 될 예제로 자주 사용하는 HTML 기능들을 익힐 수 있도록 집필하였습니다. 이 책을 마치고 나면 간단한 웹 문서 정도는 스스로 작성할 수 있을 것이며, 다른 사람의 웹 문서를 읽고 수정하고 발전시킬 수 있는 능력이 저절로 생길 것입니다.

Chapter 1 HTML의 기초 지식 1. HTML이란 무엇일까? 2. HTML 문서의 작성과 실행 ◆ 편집 프로그램 준비하기 ◆ HTML 문서 작성하고 실행하기 3. HTML 문서의 작성 규칙 4. HTML 문서의 기본 구조 5. 자주 사용되는 기본 태그 6. 특수문자와 html entity의 사용 ◆ 특수문자 사용하기 ◆ html 엔티티(entity) 사용하기 Chapter 2 텍스트 표현하기 1. 텍스트 공백 유지 2. 특수 효과가 지정된 텍스트 3. 인용, 약자 등 특별한 형식의 텍스트 ◆ 간단한 인용구를 지정하는 < q > 태그 ◆ 인용 섹션을 지정하는 < blockquote > 태그 ◆ 약자의 원문을 표시하는 < abbr > 태그 ◆ 주소를 표시하는 < address > 태그 ◆ 작품명을 표기하는 < cite > 태그 ◆ 텍스트의 출력 방향을 지정하는 < bdo > 태그 4. 스타일 지정 ◆ 배경색 지정하기 ◆ 텍스트의 색 지정하기 ◆ 텍스트의 크기 지정하기 ◆ 텍스트 정렬 지정하기 5. 그룹 지정 ◆ 여러 요소를 크게 묶는 태그 ◆ 하나의 요소 내에서 그룹을 지정하는 태그 Chapter 3 링크 사용하기 1. 링크란 무엇인가? 2. 동일 문서 내에서 이동하기 3. 다른 문서로 이동하기 4. 다른 문서의 특정 위치로 이동하기 5. 다른 웹 사이트로 이동하기 6. 새 탭이나 창에 표시하기 7. 그림으로 문서 연결하기 Chapter 4 목록 만들기 1. 순서 없는 기본 목록 만들기 2. 다양한 순서 없는 목록 만들기 3. 순서 있는 기본 목록 만들기 4. 다양한 순서 있는 목록 만들기 5. 목록에서 순서 바꾸기 6. 목록 안에 목록 표시하기 7. 정의 목록 만들기 Chapter 5 테이블 만들기 1. 기본 테이블 만들기 2. 테이블의 열 제목과 행 제목 지정하기 3. 테이블의 열이나 행 병합하기 4. 테이블에 캡션 표시하기 5. 열 그룹 지정하기 6. 테이블의 머리말, 본문, 꼬리말 구분하기 Chapter 6 이미지 표시하기 1. 이미지를 표시하는 기본적인 방법 ◆ 이미지 위치 지정하기 ◆ 이미지 위에 메시지 표시하기 2. 이미지 크기 조절하기 3. 이미지 배치하기 4. 이미지 캡션 지정하기 5. 이미지 맵 사용하기 Chapter 7 폼 만들기 1. 폼(form)의 기초 지식 2. text와 password 필드 만들기 ◆ 기본적인 text와 password 필드 만들기 ◆ 다양한 속성으로 text와 password 필드 조절하기 3. textarea 만들기 4. Radio 버튼과 Check 박스 만들기 ◆ Radio 버튼 만들기 ◆ Check 박스 만들기 5. 명령 버튼과 submit 버튼 만들기 ◆ 명령 버튼 만들기 ◆ submit 버튼 만들기 6. email과 url 필드 만들기 7. 드롭다운 목록 만들기 ◆ 기본적인 드롭다운 목록 만들기 ◆ 드롭다운 목록 조절하기 ◆ 항목을 그룹으로 묶기 8. 폼 요소 그룹화하기 9. 레이블 사용하기 Chapter 8 시맨틱 태그 사용하기 1. 시맨틱 태그란 무엇인가? 2. < section > 태그 사용하기 3. < article > 태그 사용하기 4. < header > 태그 사용하기 5. < footer > 태그 사용하기 6. < nav > 태그 사용하기 7. < aside > 태그 사용하기 Chapter 9 멀티미디어 활용하기 1. 멀티미디어 살펴보기 2. 비디오 활용하기 3. 오디오 활용하기 4. < object >와 < embed >태그 사용하기 ◆ < object >태그 사용하기 ◆ < embed >태그 사용하기 Chapter 10 추가 지식 1. < iframe > 태그로 프레임 만들기 2. < meta > 태그로 정보 제공하기 3. 시맨틱 태그 호환성 해결하기 4. HTML의 의미 정리하기