Do it! HTML + CSS 웹 표준의 정석

첫째마당 웹과 HTML 시작하기

01 웹은 어떻게 움직일까
__01-1 여러 형태의 웹 사이트
__01-2 네트워크 이해하기
__01-3 웹의 기본 동작 이해하기
__01-4 웹 접근성 알아보기
__01장 되새김 문제

02 웹 개발 시작하기
__02-1 웹 개발, 어디서부터 시작할까
__02-2 웹 개발 환경 설정하기

03 HTML 기본 문서 만들기
__03-1 HTML과 첫 만남
__03-2 HTML의 구조 파악하기
__03-3 HTML 파일 만들기
__03-4 웹 문서의 구조를 만드는 시맨틱 태그
__03장 되새김 문제

04 웹 문서에 다양한 내용 입력하기
__04-1 텍스트 입력하기
__04-2 목록 만들기
__04-3 표 만들기
__04-4 이미지 삽입하기
__04-5 오디오와 비디오 삽입하기
__04-6 하이퍼링크 삽입하기
__04장 되새김 문제

05 입력 양식 작성하기
__05-1 폼 삽입하기
__05-2 사용자 입력을 위한 input 태그
__05-3 input 태그의 주요 속성
__05-4 폼에서 사용하는 여러 가지 태그
__05장 되새김 문제

둘째마당 CSS 다루기

06 CSS의 기본
__06-1 스타일과 스타일 시트
__06-2 CSS 기본 선택자 알아보기
__06-3 캐스케이딩 스타일 시트 알아보기
__06장 되새김 문제

07 텍스트를 표현하는 다양한 스타일
__07-1 글꼴 관련 스타일
__07-2 웹 폰트와 아이콘 폰트 사용하기
__07-3 텍스트 관련 스타일
__07-4 목록 스타일
__07-5 표 스타일
__07장 되새김 문제

08 CSS 박스 모델
__08-1 CSS와 박스 모델
__08-2 테두리 스타일 지정하기
__08-3 여백을 조절하는 속성
__08-4 웹 문서의 레이아웃 만들기
__08-5 웹 요소의 위치 지정하기
__08장 되새김 문제

09 이미지와 그러데이션 효과로 배경 꾸미기
__09-1 배경색과 배경 범위 지정하기
__09-2 배경 이미지 지정하기
__09-3 그러데이션 효과로 배경 꾸미기
__09장 되새김 문제

셋째마당 반응형 웹 만들기

10 반응형 웹과 미디어 쿼리
__10-1 반응형 웹 알아보기
__10-2 반응형 요소 만들기
__10-3 미디어 쿼리 알아보기
__10장 되새김 문제

11 플렉스 박스 레이아웃으로 배치하기
__11-1 배치를 위한 기본 속성 살펴보기
__11-2 반응형 웹을 위한 속성 살펴보기
__11장 되새김 문제

12 CSS 그리드 레이아웃으로 배치하기
__12-1 CSS 그리드 레이아웃 사용하기
__12-2 그리드 라인과 템플릿 영역으로 배치하기
__12장 되새김 문제

넷째마당 CSS 고급 기능

13 CSS 고급 선택자
__13-1 연결 선택자
__13-2 속성 선택자
__13-3 가상 클래스와 가상 요소
__13-4 CSS 함수 살펴보기
__13장 되새김 문제

14 트랜지션과 애니메이션
__14-1 트랜스폼 알아보기
__14-2 트랜지션 알아보기
__14-3 애니메이션 알아보기
__14장 되새김 문제

부록 A 《AI와 협업하는 개발자 되기》
부록 B 《Do it! 웹 개발 면허 시험》

찾아보기