HTML 편집기

개념 이해하기

편집기는 코드를 작성하는 도구이고 브라우저는 그 코드를 해석하는 도구입니다. 일반 파일은 .html 확장자로 저장하며 수정 후 새로고침해서 결과를 확인합니다.

예제에서는 index.html 부분부터 찾으세요. 태그 이름만 외우기보다 부모·자식 관계와 속성이 어느 요소에 붙는지를 한 덩어리로 읽으면 구조를 고치기 쉬워집니다.

먼저 현재 결과를 확인한 뒤 문단을 하나 복사해 서로 다른 문장으로 바꾸고 실행하세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.