[HTML] 목록 태그 - <ol><ul><dl>

   목록 태그

 

순서대로 또는 순서 없이 리스트 목록을 만들 때 사용하는 태그이다. 

 

<ol></ol> 태그

<ul></ul> 태그

<dl></dl> 태그

 

 

  <ol></ol> 태그 

 

ol 은 Ordered List 의 약자이다. 순서대로 리스트 목록으로 만들 때 사용한다. 각 하위 목록은 <li></li> 태그로 감싼다.

type (= A, a, i, I, 1) 속성과, start(= 시작할 숫자) 속성으로 여러가지 순서 표기와 순서를 지정할 수 잇다.

 

- 속성값 type="1" start="1" <ol type="1" start="1"> 	<li>첫번째 리스트</li> 	<li>두번째 리스트</li> 	<li>세번째 리스트</li> </ol>  - 속성값 type="a" start="1" <ol type="a" start="1"> 	<li>첫번째 리스트</li> 	<li>두번째 리스트</li> 	<li>세번째 리스트</li> </ol>  - 속성값 type="A" start="1" <ol type="A" start="1"> 	<li>첫번째 리스트</li> 	<li>두번째 리스트</li> 	<li>세번째 리스트</li> </ol>  - 속성갑 - type="i" start="1" <ol type="i" start="1"> 	<li>첫번째 리스트</li> 	<li>두번째 리스트</li> 	<li>세번째 리스트</li> </ol>  - 속성값 type="I" start="1" <ol type="I" start="1"> 	<li>첫번째 리스트</li> 	<li>두번째 리스트</li> 	<li>세번째 리스트</li> </ol> 

태그 - 속성값 type="1" start="1"

1. 첫번째 리스트
2. 두번째 리스트
3. 세번째 리스트

- 속성값 type="a" start="1"

1. 첫번째 리스트
2. 두번째 리스트
3. 세번째 리스트

- 속성값 type="A" start="1"

1. 첫번째 리스트
2. 두번째 리스트
3. 세번째 리스트

- 속성갑 - type="i" start="1"

1. 첫번째 리스트
2. 두번째 리스트
3. 세번째 리스트

- 속성값 type="I" start="1"

1. 첫번째 리스트
2. 두번째 리스트
3. 세번째 리스트

 

속성값 start값 변경시 - start 번호부터 리스트 목록 번호가 시작된다.

- 속성값 type="A" start="3" <ol type="A" start="3"> 	<li>첫번째 리스트</li> 	<li>두번째 리스트</li> 	<li>세번째 리스트</li> </ol>   - 속성값 type="I" start="7" <ol type="I" start="7"> 	<li>첫번째 리스트</li> 	<li>두번째 리스트</li> 	<li>세번째 리스트</li> </ol> 

- 속성값 type="A" start="3"

3. 첫번째 리스트
4. 두번째 리스트
5. 세번째 리스트

- 속성값 type="I" start="7"

7. 첫번째 리스트
8. 두번째 리스트
9. 세번째 리스트

 

 

  <ul></ul> 태그

 

ul 은 Unordered List 의 약자이다. 순서 없이 리스트 목록을 만들 때 사용한다. 각 하위 목록은 <li></li> 태그로 감싼다.

type (= disc, circle, square)속성으로 표기할 수 있다. 

 

기본 type 속성값은 "disc" 이다.

 

- 속성값 type="disc" <ul type="disc" start="1"> 	<li>첫번째 리스트</li> 	<li>두번째 리스트</li> 	<li>세번째 리스트</li> </ul>  - 속성값 type="circle" <ul type="circle" start="1"> 	<li>첫번째 리스트</li> 	<li>두번째 리스트</li> 	<li>세번째 리스트</li> </ul>  - 속성값 type="square"  <ul type="square" start="1"> 	<li>첫번째 리스트</li> 	<li>두번째 리스트</li> 	<li>세번째 리스트</li> </ul>

- 속성값 type="disc"

• 첫번째 리스트
• 두번째 리스트
• 세번째 리스트

- 속성값 type="circle"

• 첫번째 리스트
• 두번째 리스트
• 세번째 리스트

- 속성값 type="square"

• 첫번째 리스트
• 두번째 리스트
• 세번째 리스트

 

  <dl></dl> 태그

 

dl 은 Dictionary List의 약자이다. 순서가 없는 리스트 목록이며, <li> 태그 대신에 <dt> title 과 <dd> description 형식의 태그를 사용한다.

 

<dl> 	<dt>title 1</dt> 	<dd>description 1</dd> 	<dt>title 2</dt> 	<dd>description 2</dd> </dl> 

title 1description 1title 2description 2