[HTML] 리스트

<ol>
  <li>항목 1</li>
  <li>항목 2</li>
  <li>항목 3</li>
  <li>항목 4</li>
</ol>

<ul>
  <li>항목 1</li>
  <li>항목 2</li>
  <li>항목 3</li>
  <li>항목 4</li>
</ul>

<ol>은 orderded list,  <ul>은 unordered list로 각각 다음과 같이 나온다.

1. 항목 1
2. 항목 2
3. 항목 3
4. 항목 4

• 항목 1
• 항목 2
• 항목 3
• 항목 4

즉, ol은 숫자처럼 순서가 있는 list를 나타낼 때 사용하고, ul은 순서가 없는 list를 나타내는 데 사용한다.

속성으로는 type이 존재

• type="a"      a, b, c 순으로 출력
• type="A"      A, B, C 순으로 출력
• type="i"       소문자로 로마숫자 표기
• type="I"       대문자로 로마숫자 표기
• type="1"      1, 2, 3 순으로 숫자로 표기(default 값)

CSS에서 list-style로 바꾸는 게 가능하다.

ol{
  list-style: disc;
}

ul{
  list-style: none;
}

list-style:disc는 <ul>처럼 ●가 표기로 나타난다.

list-style:none은 일반 글처럼 아무런 표기가 없다.

ol > li{
  display:inline-block;
}

리스트를 세로로 나열하는 것이 아닌 가로로 배치할 수 있도록 한다.