• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>HTML Lists</title>
7
</head>
8
​
9
<body>
10
​
11
    <h1>순서가 있는 리스트</h1>
12
    <p>숫자 (기본설정)</p>
13
        <ol>
14
            <li>사과</li>
15
            <li>멜론</li>
16
            <li>바나나</li>
17
        </ol>
18
​
19
    <p>영어 대문자</p>
20
        <ol style="list-style-type: upper-alpha">
21
            <li>수박</li>
22
            <li>참외</li>
23
            <li>옥수수</li>
24
        </ol>
25
​
26
    <p>영어 소문자</p>
27
        <ol style="list-style-type: lower-alpha">
28
            <li>감자</li>
29
            <li>상추</li>
30
            <li>고구마</li>
31
        </ol>
32
​
33
    <p>로마자 대문자</p>
34
        <ol style="list-style-type: upper-roman">
35
            <li>오이</li>
36
            <li>배추</li>
37
            <li>시금치</li>
38
        </ol>
39
40
    <p>로마자 소문자</p>
41
        <ol style="list-style-type: lower-roman">
42
            <li>고추</li>
43
            <li>호박</li>
44
            <li>양파</li>
45
        </ol>
46
    </p>
47
​
48
</body>
49
​
50
</html>