<p>: 단락 생성, 앞뒤에 자동 여백 추가. 닫는 태그 있음.
<br>: 강제 줄바꿈만. 여백 없음. 빈 요소(닫는 태그 없음).

<strong>: 의미론적 강조. 스크린 리더가 강조음으로 읽음. SEO에 영향.
<b>: 시각적 굵기만. 의미 없음.

<em>: 의미론적 강조 (emphasis). 스크린 리더가 강조하여 읽음.
<i>: 시각적 이탤릭만. 전문 용어, 생각 등 표현에 사용.

필수: src — 이미지 파일 경로.
권장: alt — 이미지 로드 실패 시 대체 텍스트 / 스크린 리더 지원.
width · height — 크기 지정.

./: 현재 파일이 있는 같은 폴더. (생략 가능)
../: 상위 폴더로 한 단계 이동.
예: ../images/logo.png → 상위 폴더의 images 폴더 안.

target="_self": 현재 탭에서 페이지 이동 (기본값).
target="_blank": 새 탭에서 열기.
외부 사이트 링크에는 _blank를 주로 사용.

<a> 태그 안에 <img>를 넣는다.
<a href="url"><img src="..." alt="..."></a>
이미지 클릭 시 href 경로로 이동.

<ul> (Unordered List): 순서 없는 목록. 기본 마커 ●.
<ol> (Ordered List): 순서 있는 목록. 기본 마커 1, 2, 3…
두 태그 모두 항목은 <li>로 작성.

type="A": 대문자 알파벳으로 표시.
start="3": 세 번째 항목(C)부터 시작.
결과: C, D, E … 순서로 출력.

<dl>: 정의 목록 컨테이너 (Definition List).
<dt>: 정의할 용어 (Definition Term).
<dd>: 용어 설명 (Definition Description). 자동 들여쓰기 적용.

닫는 태그 없이 단독으로 사용하는 요소.
내용(content)을 가질 수 없음.
예시: <br> <hr> <img>

문서 구조에 따라 순서대로 사용. h1 → h2 → h3 순.
h1은 페이지당 1개만 권장 (주제목).
숫자를 건너뛰지 않는 것이 접근성 · SEO에 유리.