html 목록 태그 (ul, ol, li)

ul, ol, li

• 목록을 만들 수 있음
• <ol> : ordered list의 약자로, 숫자나 알파벳 등 순서가 있는 목록을 만드는 데 사용합니다
• <ul> : unordered list의 약자로, 순서가 필요 없는 목록을 만듭니다
• <dl> : definition list의 약자로, 사전처럼 용어를 설명하는 목록을 만듭니다.
• <ol>과 <ul>의 각 항목들을 나열할 때는 <li> 태그를 사용하는데 list item의 약자입니다.
• ex)

<h4>Ordered List</h4>
<ol type="I">
 <li>영어</li>
 <li>음악</li>
 <li>수학</li>
 <li>과학</li>
</ol>


<ol start="5">
 <li>영어</li>
 <li>음악</li>
 <li>수학</li>
 <li>과학</li>
</ol>

 

<h4>Unordered List</h4>
<ul>
 <li>명사</li>
 <li>형용사</li>
 <li>동사</li>
 <li>부사</li>
</ul>

</body>
</html>

 

결과 :

Ordered List

1. 영어
2. 음악
3. 수학
4. 과학

5. 영어
6. 음악
7. 수학
8. 과학

Unordered List

• 명사
• 형용사
• 동사
• 부사

 

속성

type  :  1 / a / A / i / I  기본값은 1           * <ol>일 경우 속성값임           * <ol>에서 type은 퇴화 속성이었으나, 지금은 그렇지 않음. type  : disc / circle / square 기본값은 disc            *<ul>일 경우  속성값          HTML5에서 지원하지 않음. start  : <ol>의 시작 값  (예. start="5"라고 하면 5, 6, 7 순으로 순서가 매겨짐) reversed :     reversed가 있으면, 항목 순서가 거꾸로임 (3,2,1)                   없으면 순차적임(1,2,3)                   HTML5에서 새로운 속성 compact : 퇴화 속성,  대신 css의 line-height 속성 사용