[HTML]05_순서있는 목록 만들기(<ol> 태그)

1. 순서있는 목록 만들기🫣

: <ol>, <ul> 태그

• <ol> : Ordered List의 약자
• <li> : List의 약자

<ol>
  <li>사과</li>
  <li>바나나</li>
  <li>포도</li>
</ol>

1. 사과
2. 바나나
3. 포도

2. 목록 순서 기준 변경하기👻

: 목록의 순번을 숫자 이외의 방법으로 나타내기 위해서는 <ol> 태그 안에 type 속성을 추가해 주어야 한다.

<ol type='1 / A / a / I / i'>
  <li>사과</li>
  ...
</ol>

• 1 : 로마 숫자(default)
• A : 알파벳(대문자)
• a : 알파벳(소문자)
• I : 로마숫자(대문자)
• i : 로마숫자(소문자)

3. 시작 숫자 지정하기👍

: 목록의 시작 숫자를 1이 아닌 다른 숫자로 변경하는 방법은 ol 태그 안에 'start' 속성을 지정해야한다.

01) 101부터 시작하는 목록 만들기

<ol start='101'>
  <li>사과</li>
  <li>바나나</li>
  <li>포도</li>
</ol>

101. 사과
102. 바나나
103. 포도

02) 알파벳 'C'부터 시작하는 목록 만들기

<ol type='A' start='3'>
  <li>사과</li>
  <li>바나나</li>
  <li>포도</li>
</ol>

-> 'C'는 알파벳의 3번째 문자이므로 'start'값을 '3'으로 지정한다.

3. 사과
4. 바나나
5. 포도