[HTML] ul, ol, li 태그 리스트 만들기

<li> 태그의 li는 list의 약자로 말 그대로 리스트를 만들어 주는 태그이고,

<li> 태그는 보통 혼자 쓰이는 않고 <ul> 태그나 <ol> 태그의 내부에서 사용을 합니다.

 

| 사용

1. <ul> 태그 내부에서의 사용

<ul> 태그는 순서에 상관없는 리스트를 만들어 줍니다. - unordered list의 약자

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

• 리스트 1
• 리스트 2
• 리스트 3

 

2. <ol> 태그 내부에서의 사용

<ol> 태그는 번호와 함께 순서가 있는 리스트를 만들어 줍니다. - ordered list의 약자

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

1. 리스트 1
2. 리스트 2
3. 리스트 3