ol, ul

ol(Ordered List), ul(Unordered List)

---

ol

ol은 'ordered list'를 뜻한다.
순서가 정해진 리스트를 만들 때 사용된다.

// default: 숫자
<ol>
  <li>물</li>
  <li>불</li>
  <li>바람</li>
</ol>

1. 물
2. 불
3. 바람

li는 'list'를 뜻한다. ol, ul 태그 안에서 항목들을 감싸주는 태그

항목의 앞에 붙는 문자는 type 속성으로 변경 가능하다.

---

// 로마숫자 대문자
<ol type = 'I'>
  <li>물</li>
  <li>불</li>
  <li>바람</li>
</ol>

1. 물
2. 불
3. 바람

---

// 로마숫자 소문자
<ol type = 'i'>
  <li>물</li>
  <li>불</li>
  <li>바람</li>
</ol>

1. 물
2. 불
3. 바람

---

// 알파벳 대문자
<ol type = 'A'>
  <li>물</li>
  <li>불</li>
  <li>바람</li>
</ol>

1. 물
2. 불
3. 바람

---

// 알파벳 소문자
<ol type = 'a'>
  <li>물</li>
  <li>불</li>
  <li>바람</li>
</ol>

1. 물
2. 불
3. 바람

---

*시작하는 값을 바꿔주고 싶다면 'start' 속성을 이용하면 된다.

<ol type = 'a' start = '2'>
  <li>물</li>
  <li>불</li>
  <li>바람</li>
</ol>

2. 물
3. 불
4. 바람

---

ul

ul은 'unordered list'를 뜻한다.
순서가 상관 없는 리스트를 만들 때 사용한다.

// default: disc
<ul>
  <li>물</li>
  <li>불</li>
  <li>바람</li>
</ul>

• 물
• 불
• 바람

---

// empty disc
<ul type = 'circle'>
  <li>물</li>
  <li>불</li>
  <li>바람</li>
</ul>

• 물
• 불
• 바람

---

// square
<ul type = 'square'>
  <li>물</li>
  <li>불</li>
  <li>바람</li>
</ul>

• 물
• 불
• 바람

---

// none
<ul type = 'none'>
  <li>물</li>
  <li>불</li>
  <li>바람</li>
</ul>

• 물
• 불
• 바람