시작 태그, 내용, 종료 태그로 이루어진 요소를 배웁니다.
요소는 시작 태그부터 종료 태그까지의 전체 단위입니다. 요소 안에는 텍스트나 다른 요소를 넣을 수 있으며 부모와 자식 관계가 생깁니다. img, input처럼 종료 태그가 없는 빈 요소도 있습니다.
예제에서는 <p>문단 내용</p> 부분부터 찾으세요. 태그 이름만 외우기보다 부모·자식 관계와 속성이 어느 요소에 붙는지를 한 덩어리로 읽으면 구조를 고치기 쉬워집니다.
먼저 현재 결과를 확인한 뒤 section 안에 ul과 li 세 개를 중첩해보세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.
태그를 교차해서 닫으면 구조가 깨집니다. 나중에 연 태그를 먼저 닫는 중첩 순서를 지키세요.
직접 바꿔보세요section 안에 ul과 li 세 개를 중첩해보세요.