HTML과 CSS로 코딩을 배우자(Learn to Code HTML & CSS)는 셰이 하우가 만든 웹 제작 학습 웹사이트다. 첫 웹 페이지 만들기에서 시작해 글자와 배경과 목록과 폼을 다루는 과정으로 이어진다. 입문 과정과 고급 과정을 나누어 익숙한 정도에 맞춰 읽을 수 있다. 각 단원은 구조와 표현을 [[웹 제작 과제의 순서|구체적인 제작 과제]]와 연결한다.

- [공식 웹사이트](https://learn.shayhowe.com/)

## 목적에 따라 읽기

- 글을 조판할 때는 타이포그래피 단원과 [[글줄의 길이와 줄 높이]]를 함께 읽는다.
- 전시 안내를 만들 때는 표와 폼 단원에서 [[전시 일정표를 HTML로 만들기]], [[신청 폼은 질문의 순서다]]로 이어갈 수 있다.
- 배경과 배치를 고를 때는 [[이미지 없이 만드는 배경]], [[겹쳐 놓은 요소의 기준점]], [[회전한 글자의 자리]]를 비교한다.
- 움직임을 더할 때는 [[움직임의 시간표]]와 [[마우스 없이 읽는 순서]]에서 조작 조건도 확인한다.

배치 단원에는 `float`와 `inline-block`으로 여러 열을 만드는 예제가 있다. 기존 코드를 이해할 때 참고하되, 새 배치는 플렉스와 그리드도 함께 검토한다. 강의의 설명 순서와 지금 사용할 구현 방법을 구분해 읽는다. ([MDN의 CSS 배치 안내](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout))

#웹사이트 #HTML #CSS #교육