0028 HTML 순서가 있는(ordered) 목록의 글머리 기호 바꾸기
순서가 있는(ordered) 목록은 개별 항목(item)들이 순서대로 나타나므로 글머리 기호도 어떤 순서가 있는 숫자나 알파벳이 기호가 되어야 한다. 따라서 디폴트로 설정되어 있는 글머리 기호도 숫자(1. 2. 3. 4. ...)인 것이다.
순서가 있는(ordered) 목록의 글머리 기호는 순서가 없는(unordered) 목록과는 달리 CSS를 이용하지 않고 <ol> 요소의 type 속성(attribute)을 이용하여 글머리 기호를 바꾼다.
다음과 같은 형식으로 작성한다.
<ol type="속성값">
<li>항목들(items)</li>
…
</ol>
type 속성(attribute)의 속성값 변화에 따른 개별 항목의 글머리 기호는 다음과 같다.
type="1" → 숫자(1. 2. 3. …) (기본 설정)
type="A" → 알파벳 대문자(A. B. C. …)
type="a" → 알파벳 소문자(a. b. c. …)
type="I" → 로마자 수 대문자(Ⅰ. Ⅱ. Ⅲ. Ⅳ. …)
type="i" → 로마자 수 소문자(ⅰ. ⅱ. ⅲ. ⅳ. …)
하나하나 사용해보자.
순서가 있는(ordered) 목록에서는 <ol> 요소에 start 속성을 사용하여 목록의 글머리 기호가 어떤 숫자로 시작하는지 설정할 수 있다.
<ol type="속성값" start="숫자">
<li>항목들(items)</li>
…
</ol>
사용례는 다음과 같다.
위에서 제시한 HTML 사례는 
0028.html로 작성하였으니 참조하기 바란다.
Anki 파일
아래는 본 포스팅의 내용을 갈무리하기 위한 Anki 파일입니다. 참고하시기 바랍니다.
Ankilog 파일: 
0028 HTML 순서가 있는(ordered) 목록의 글머리 기호 바꾸기.apkg
'Anki로 공부하기 > HTML공부' 카테고리의 다른 글
| 0030 HTML 주석(comment) 달기 (0) | 2018.12.02 |
|---|---|
| 0029 정의 목록(description list) 요소 다루기 (0) | 2018.12.01 |
| 0027 HTML 순서가 없는(unordered) 목록의 글머리 기호 바꾸기 (0) | 2018.11.29 |
| 0026 HTML 목록(list) 요소 만들기 (0) | 2018.11.28 |
| 0025 HTML style 속성(attribute) 및 배경색 설정 (0) | 2018.11.27 |