before practice

태그를 고를 때 역할과 필수 속성 우선 확인

소개 페이지를 만들기 전에 텍스트는 구조, 링크는 목적지, 이미지는 대체 텍스트까지 함께 준비한다.

텍스트

제목은 구조, 문단은 설명

<h1>부터 <h6>까지 순서를 지키고, 긴 설명은 <p>로 나눈다.

링크

클릭 후 어디로 가는지 명확히

href에는 목적지를, 새 탭이 필요할 때는 target을 지정한다.

이미지

보이지 않아도 의미가 남도록

src는 파일 위치, alt는 이미지의 내용을 설명한다.

작성 전 점검

1 제목 단계가 건너뛰지 않고 이어지는가?

2 링크 텍스트만 읽어도 이동 이유를 알 수 있는가?

3 이미지마다 의미 있는 alt가 준비되었는가?

소개 페이지 흐름

제목 문단 목록 링크 이미지

태그를 먼저 고르고 속성을 채운 뒤, CSS는 크기와 여백을 다듬는 단계에서 적용한다.