8개 가이드 실습에서 HTML을 작성하며 Web page의 구조를 배웁니다. 올바른 document skeleton으로 시작해 일반적인 content element를 하나씩 추가하고 마지막에 개인 페이지로 결합합니다.
element 선택, 올바른 중첩, content와 resource를 연결하는 attribute 등 markup에 집중합니다. CSS styling이나 JavaScript behavior를 배우기 전 필요한 실무 기초를 제공합니다.
학습 내용
과정을 마치면 다음을 할 수 있습니다.
- 필수 페이지 구조와 content area를 갖춘 완전한 HTML document를 만듭니다.
- heading과 paragraph로 text를 구성하고 일반적인 text formatting element를 적용합니다.
- ordered list와 unordered list로 묶인 content를 표현합니다.
- link로 페이지와 resource를 연결하고 HTML attribute로 image를 삽입합니다.
- row, cell, table 관련 element로 표 형식 정보를 구조화합니다.
- 적절한 form control로 user input을 수집하는 기본 form을 만듭니다.
- text, navigation, image, list, table, form을 하나의 일관된 페이지로 결합합니다.
- 중첩 HTML markup을 읽고 편집하면서 element structure를 이해하기 쉽게 유지합니다.
추천 대상
Web development를 처음 배우는 사람, CSS 전에 HTML이 필요한 학습자, 브라우저 페이지의 markup을 이해하려는 사람을 위한 과정입니다. document structure를 체계적으로 배우지 않고 template을 편집해 온 경우 복습용으로도 좋습니다.
선수 지식: HTML이나 프로그래밍 경험은 필요하지 않습니다. 기본 컴퓨터 사용과 text 편집 능력만 있으면 되며 file과 folder에 익숙하면 도움이 됩니다.
학습 환경: 제공된 실습 환경에서 8개 가이드 랩을 진행합니다. HTML file을 편집하고 작업 중 결과 페이지를 확인합니다. 외부 hosting account나 deployment service는 필요하지 않습니다.
자주 묻는 질문
CSS나 JavaScript도 배우나요?
아닙니다. HTML structure와 content element에 집중합니다. CSS styling과 JavaScript behavior는 별도 기술이며 8개 랩에 포함되지 않습니다.
완전한 website를 만드나요?
과정의 HTML 개념을 결합한 개인 페이지를 만듭니다. 한 페이지 기반 작업이며 styling, interaction, routing, backend가 있는 multi-page production site는 아닙니다.
독립 coding challenge가 있나요?
challenge lab은 나열되어 있지 않습니다. 8개 활동 모두 가이드 랩이므로 HTML syntax와 document structure를 처음 접하기에 적합합니다.
페이지를 internet에 게시하나요?
아닙니다. 작업은 제공된 학습 환경에 남습니다. domain 설정, hosting, deployment, production Web operation은 범위 밖입니다.
