기본 구조

<div class="pb">
  <p>단락 텍스트</p>

  <h2>중간 제목</h2>
  <h3>소제목</h3>

  <ul><li>목록</li></ul>
  <ol><li>번호 목록</li></ol>

  <blockquote>인용구</blockquote>

  <pre>코드 블록</pre>

  <table>
    <tr><th>헤더</th></tr>
    <tr><td>셀</td></tr>
  </table>
</div>

강조 박스 (복사해서 사용)

<!-- 팁 박스 (파란색) -->
<div class="tip">💡 팁 내용을 여기에</div>

<!-- 주의 박스 (노란색) -->
<div class="warn">⚠️ 주의 내용</div>

<!-- 핵심 요약 (검정) -->
<div class="kp">
  <span class="kp-t">핵심 요약</span>
  <ul><li>요약 항목</li></ul>
</div>

<!-- 이미지 플레이스홀더 -->
<div class="ph tall" style="background:linear-gradient(135deg,#1a1a2e,#3B5BDB)">
  <span class="ph-em">🖼️</span>
  <span class="ph-tx">이미지 제목</span>
  <span class="ph-sub">서브 텍스트</span>
</div>