리스트를 표시하는 ul,ol

1. ul
2. ol
3. li

 

1. ul

unordered list의 약자로 순서가 없는 리스트라는 블록형 태그로 브라우저에 표시될 때 리스트의 각 요소 앞에 불릿이라고 불리는 "•" 기호가 자동으로 붙게 된다. 

<ul>
    <li>리스트 요소1</li>
    <li>리스트 요소2</li>
    <li>리스트 요소3</li>
</ul>

• 리스트 요소1
• 리스트 요소2
• 리스트 요소3

 

딱히 각 요소가 표시되는 순서 필요없는 메뉴항목이나 제품등을 표시할 때 사용한다.

 

2. ol

ordered list의 약자로 순서가 있는 리스트라는 블록형 태그로 브라우저에 표시될 때 리스트의 각 요소 앞에 숫자가 순서대로 자동 부여된다. 우선순위가 있는 작업이나 일정을 표시하는데 유용하다.

<ol>
    <li>리스트 요소1</li>
    <li>리스트 요소2</li>
    <li>리스트 요소3</li>
</ol>

1. 리스트 요소1
2. 리스트 요소2
3. 리스트 요소3

 

순서가 부여되기 때문에 우선순위가 있는 작업이나 일정을 표시하는데 유용하다.

 

3. li

list item의 약자로 리스트의 각 요소를 뜻하는 블록형 태그로 . 주로 혼자 쓰이기 보다 리스트를 표시하는 ul, ol과 함께 쓰인다.

 

 

리스트와 리스트의 요소에 특정 스타일을 부여하여 메뉴 바나 표(table)로 만들 수도 있다.