DOCTYPE부터 body까지 기본 문서 골격을 이해합니다.
완전한 HTML 문서는 문서 형식을 알리는 doctype, 최상위 html, 설정을 담는 head, 화면 내용을 담는 body로 구성됩니다. 실습실은 이 바깥 골격을 자동으로 제공하므로 body 안쪽 내용을 편집합니다.
예제에서는 <!doctype html><html><head>...</head><body>...</body></html> 부분부터 찾으세요. 태그 이름만 외우기보다 부모·자식 관계와 속성이 어느 요소에 붙는지를 한 덩어리로 읽으면 구조를 고치기 쉬워집니다.
먼저 현재 결과를 확인한 뒤 h1, p, a 요소를 차례로 추가해 기본 페이지를 완성하세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.
화면에 보일 내용을 head에 넣거나 meta와 title을 body에 넣지 않도록 역할을 구분하세요.
직접 바꿔보세요h1, p, a 요소를 차례로 추가해 기본 페이지를 완성하세요.