    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <title>03장 문서 구조화와 웹 폼</title>
      <link rel="stylesheet" href="../styles.css">
    </head>
    <body>
      <header>
        <h2>03장 문서 구조화와 웹 폼</h2>
      </header>
      <nav>
        <ul>
          <li><a href="../index.html">Home</a></li>
          <li><a href="index_03s2.html">2절 웹 폼 만들기</a></li>
        </ul>
      </nav>
      <section class="container">
        <article class="left">
          <h3>1절 문서 구조화</h3>
          <table>
            <tr>
              <td width="280px"><a href="html/ex3-1.html" target="right-frame">
                페이지 안에 프레임 만들기</a></td>
              <td><a href="html/ex3-1_c.html" target="right-frame">
                <small>[ex3-1 코드]</small></a></td>
            </tr>
            <tr>
              <td><a href="html/ex3-2.html" target="right-frame">
                프레임 이름 지정하기</a></td>
              <td><a href="html/ex3-2_c.html" target="right-frame">
                <small>[ex3-2 코드]</small></a></td>
            </tr>
            <tr>
              <td><a href="html/ex3-3.html" target="right-frame">
                논리 영역 만들기</a></td>
              <td><a href="html/ex3-3_c.html" target="right-frame">
                <small>[ex3-3 코드]</small></a></td>
            </tr>
            <tr>
              <td><a href="html/ex3-4.html" target="right-frame">
                인용구 삽입하기</a></td>
              <td><a href="html/ex3-4_c.html" target="right-frame">
                <small>[ex3-4 코드]</small></a></td>
            </tr>
            <tr>
              <td><a href="index_03_c.html" target="right-frame">
                index_03.html 전체보기</a></td>
              <td></td>
            </tr>
            <tr>
              <td><a href="html/ex3-5.html" target="right-frame">
                구조화된 문서 예제</a></td>
              <td><a href="html/ex3-5_c.html" target="right-frame">
                <small>[ex3-5 코드]</small></a></td>
            </tr>
            <tr>
              <td><a href="html/ex3-6.html" target="right-frame">
                <ruby>시맨틱 블록 태그<rt>semantic block tag</rt></ruby></a></td>
              <td><a href="html/ex3-6_c.html" target="right-frame">
                <small>[ex3-6 코드]</small></a></td>
            </tr>
            <tr>
              <td><a href="html/ex3-7.html" target="right-frame">
                <ruby>시맨틱 인라인 태그<rt>semantic inline tag</rt></ruby></a></td>
              <td><a href="html/ex3-7_c.html" target="right-frame">
                <small>[ex3-7 코드]</small></a></td>
            </tr>
          </table>
          <br>
          <table style="margin-left: -16px;">
            <tr><td><a href="index_03s2.html"><h3>2절 웹 폼 만들기 바로가기</h3></a>
            </td></tr>
          </table>
          <br>
        </article>
        <article class="right">
          <iframe name="right-frame" frameborder="0" width="100%" height="100%"></iframe>
        </article>
      </section>
      <footer>
        Examples in Chapter 03 - section 1.<br>
        <sub>&copy; 2024 MIRACLE Web Programming by ChoSungHo.</sub>
      </footer>
    </body>
    </html>