first-coding/list-lecture.html at main · DoHoon2/first-coding · 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
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>중첩되는 태그</title>
</head>
<body>
  <h1>샌드위치 만들기</h1>

  <h2>준비물</h2>

  <ul>
    <li>식빵</li>
    <li>잼</li>
    <li>계란</li>
  </ul>


  <h2>순서</h2>

  <ol>
        <li>식빵에 잼을 바른다.</li>
        <ol type="A" start="1">
            <li>식빵 두 장을 꺼낸다.</li>
            <li>한 장의 위쪽 면에 잼을 펴 바른다.</li>
        </ol>
        <li>그 위에 계란을 얹는다.</li>
        <li>다른 식빵으로 덮는다.</li>

  </ol>
</body>
</html>

<!--
  <li>식빵</li>
  <li>잼</li>
  <li>계란</li>

  <li>식빵에 잼을 바른다.<li>
  <li>그 위에 계란을 얹는다.</li>
  <li>다른 식빵으로 덮는다.</li>

  <li>식빵 두 장을 꺼낸다.</li>
  <li>한 장의 위쪽 면에 잼을 펴 바른다.</li>
 -->