시트 상단 (Header 태그)

1. Block 구조 & 시맨틱 태그 (Layout)

Article 태그 내부

독립적인 하나의 글이나 콘텐츠 영역을 나타냅니다.

Div 태그 내부

가장 흔하게 쓰이는 범용 블록 컨테이너입니다.

2. Typographic Form & Text 태그

H1 제목 태그입니다.

H2 제목 태그입니다.

H3 제목 태그입니다.

H4 제목 태그입니다.

이것은 일반 문단(Paragraph) 태그입니다. 강조(Strong) 태그를 섞거나 기울임(Em) 태그를 사용할 수 있습니다. 또한 스판(Span) 태그는 인라인 스타일을 주기에 적합합니다.

여기는 하이퍼링크 테스트: 구글 링크 (a 태그)


목록 태그 테스트:

  1. 순서가 있는 목록 1
  2. 순서가 있는 목록 2

3. Form & Input 태그 (전파 끊김 주의 구역)

부모의 color 상속이 끊기기 쉬운 요소들입니다. inherit 제어 확인용으로 좋습니다.


4. Layout Component 태그

70%
접기/펼치기 (Details & Summary)

여기는 펼쳤을 때만 보이는 숨겨진 상세 내용 영역입니다.