-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathol.html
83 lines (72 loc) · 1.99 KB
/
ol.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>ol: HTML Tag Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<h1>HTML Ordered List (ol) Examples</h1>
<h4>Grocery List:</h4>
<ol>
<li>Eggs</li>
<li>Milk</li>
<li>Bread</li>
</ol>
<h4>WatchMojo's Top 10 Movies Everyone Should See at Least Once:</h4>
<ol reversed>
<li>“Seven Samurai” (1954)</li>
<li>“One Flew Over the Cuckoo's Nest” (1975)</li>
<li>“Monty Python and the Holy Grail” (1975)</li>
<li>“Psycho” (1960)</li>
<li>“200A Space Odyssey” (1968)</li>
<li>“Schindler's List” (1993)</li>
<li>“The Shawshank Redemption” (1994)</li>
<li>"Goodfellas" (1990)</li>
<li>"The Godfather" (1972)</li>
<li>"Star Wars: Episode IV - A New Hope" (1977)</li>
</ol>
<h4>Nested Ordered List Example</h4>
<ol>
<li>first item</li>
<li>second item
<ol>
<li>second item first subitem</li>
<li>second item second subitem</li>
<li>second item third subitem</li>
</ol>
</li>
<li>third item</li>
</ol>
<h4>What is your favorite color? (Uppercase Letters Options)</h4>
<ol type="A">
<li>Blue</li>
<li>Red</li>
<li>Green</li>
</ol>
<h4>What is your favorite color? (Lowercase Letters Options)</h4>
<ol type="a">
<li>Blue</li>
<li>Red</li>
<li>Green</li>
</ol>
<h4>Uppercase Roman Numerals</h4>
<ol type="I">
<li>One</li>
<li>Two</li>
<li>Three</li>
</ol>
<h4>Lowercase Roman Numerals</h4>
<ol type="i">
<li>One</li>
<li>Two</li>
<li>Three</li>
</ol>
<h4>This List Starts at 50</h4>
<ol start=50>
<li>Why</li>
<li>Hello</li>
<li>There</li>
</ol>
</body>
</html>