HTML이 웹 문서의 구조와 의미를 만드는 언어임을 이해합니다.
HTML은 제목, 문단, 링크처럼 콘텐츠의 역할을 태그로 표시합니다. 브라우저는 이 구조를 읽어 화면을 만들고 검색엔진과 화면 읽기 도구도 같은 의미를 사용합니다.
예제에서는 <태그>내용</태그> 부분부터 찾으세요. 태그 이름만 외우기보다 부모·자식 관계와 속성이 어느 요소에 붙는지를 한 덩어리로 읽으면 구조를 고치기 쉬워집니다.
먼저 현재 결과를 확인한 뒤 h1을 사이트의 주제로 바꾸고 두 번째 문단을 추가해보세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.
태그를 글자 크기나 모양만 보고 고르면 문서의 의미가 흐려집니다. 구조는 HTML, 표현은 CSS로 나눠 생각하세요.
직접 바꿔보세요h1을 사이트의 주제로 바꾸고 두 번째 문단을 추가해보세요.