Html 목록 태그 OL 태그 사용방법

순서가 있는 목록을 만드는 방법

<ol> 태그

1. 순서가 있는 목록을 보여줍니다.
2. order list의 약자로 숫자, 알파벳, 로마자를 표시할 수 있습니다.

문법

<ol tpye="1/a/A/i/I" start="시작 숫자" reversed(순서 역순 출력)>
<li>허준</li>
<li>홍길동</li>
</ol>

속성

• reversed : 순서를 역순으로 출력됩니다.
• start : 첫 번째 목록의 순번을 지정해 줍니다.
• tpye : 목록 앞에 마커의 종류를 지정합니다.
  tpye="1" : 1,2,3,4,5... 숫자로 출력됩니다.
  tpye="a" : a, b, c, d, e... 소문자로 출력됩니다.
  type="A" : A, B, C, D, E... 대문자로 출력됩니다.
  type="i" : i, ii, iii, iv, v,... 로마자로 출력됩니다.
  type="I" : I.II, III, IV, V... 로마자로 출력됩니다.

예) 숫자가 있는 목록
<ol type="1" start="1">
<li>허준</li> 
<li>홍길동</li> 
<li>유관순</li> 
<li>이순신</li> 
<li>연개소문</li> 
</ol>

1. 허준
2. 홍길동
3. 유관순
4. 이순신
5. 연개소문

예) 숫자가 있는 목록 역순으로 출력
<ol start="5" type="1" reversed>
<li>허준</li>
<li>홍길동</li>
<li>유관순</li>
<li>이순신</li>
<li>연개소문</li>
</ol>

5. 허준
6. 홍길동
7. 유관순
8. 이순신
9. 연개소문

예제 파일

ol.html

0.00MB