ParkSejin/4lec.html at main · Coding-Stage-Web/ParkSejin · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <h1>수련회 준비물</h1>
  <ul>
    <li>이틀치 옷</li>
    <li>세면도구</li>
    <li>수건</li>
    <li>학습도구
      <ul>
        <li>노트북</li>
        <li>필기구</li>
        <li>교재</li>
      </ul>
    </li>
  </ul>

  <hr>

  <main>
    <section class="result">

      <h1>계란볶음밥 만들기</h1>
      <ol>
        <li>재료 준비
          <ul>
            <li>밥</li>
            <li>계란</li>
            <li>파</li>
            <li>간장</li>
          </ul>
        </li>
        <li>파를 기름에 볶기</li>
        <li>밥 넣고 볶기</li>
        <li>계란을 넣고 스크램블</li>
        <li>간장을 넣고 마저 볶아 완성</li>
      </ol>

    </section>
    <section class="controls"></section>
  </main>

  <script>
    const controls = [
      {
        obj: {
          name: 'ol 요소의 속성들',
          query: 'ol'
        },

        fields: [
          {
            type: 'radio',
            attr: 'type',
            opts: ['1', 'I', 'i', 'A', 'a']
          },
          {
            type: 'number',
            attr: 'start',
            default: 1
          },
        ],
      }
    ]
  </script>

<hr>

<dl>

  <dt>프로그래밍</dt>
  <dd>컴퓨터 프로그램을 작성하는 일</dd>

  <dt>넓이</dt>
  <dt>광</dt>
  <dt>면적</dt>
  <dd>일정한 평면에 걸쳐 있는 공간이나 범위의 크기</dd>

  <dt>사과</dt>
  <dd>사과나무의 열매</dd>
  <dd>자기의 잘못을 인정하고 용서를 빎</dd>

</dl>


</body>
</html>