본문 바로가기

HTML

HTML <ol> 태그

반응형

정의 및 특징

・<ol> 태그는

 순서가 있는 HTML 리스트(list)를 정의할 때 사용한다

 

・<ol> 요소에 속하는 각 아이템은

 <li> 요소를 사용하여 나타내며

 이때 아이템 앞에 추가되는 마커(marker)는

 아라비아 숫자나 알파벳으로 표현된다

 

 

지원하는 브라우저

지원함 지원함 지원함 1.0 지원함 지원함

 

속성

속성명 속성값 설명
compact compact 리스트를 평소보다 더 작게 렌더링하도록 명시한다
HTML5에서는 더 이상 지원하지 않는다
reversed reversed 순서가 있는 리스트에서 리스트 마커의 순서를 내림차순으로 명시한다
HTML5에서 새롭게 추가된 속성
start 숫자 순서가 있는 리스트에서 리스트 마커의 시작값을 명시한다
type 1
A
a
I
i
순서가 있는 리스트에서 리스트 아이템에 사용되는 마커(marker)의 종류를 명시한다

 

예제

<ol>
    <li>아메리카노</li>
    <li>카페라떼</li>
    <li>밀크티</li>
</ol>

<ol type="A" start="10">
    <li>아메리카노</li>
    <li>카페라떼</li>
    <li>밀크티</li>
</ol>
  1. 아메리카노
  2. 카페라떼
  3. 밀크티
  1. 아메리카노
  2. 카페라떼
  3. 밀크티

 

 

■HTML 태그 레퍼런스
HTML 태그 레퍼런스 - MAIN 돌아가기

 

 

반응형

'HTML' 카테고리의 다른 글

HTML <option> 태그  (0) 2023.07.26
HTML <optgroup> 태그  (0) 2023.07.25
HTML <object> 태그  (0) 2023.07.23
HTML <noscript> 태그  (0) 2023.07.22
HTML <noframes> 태그  (0) 2023.07.18