list

📝리스트 태그

html을 작성하다보면 목록을 작성할 때가 있다. 가령 카페 홈페이지를 만든다고 생각해보자. 카페의 메뉴를 보여주기 위한 메뉴 리스트가 필요하다. 이때 사용하는 것이 바로 html의 list 태그이다. list 태그는 크게 ol과 ul로 나뉜다.

ol - ordered list, 순서가 있는 리스트
ul - unordered list, 순서가 없는 리스트

 

여기서 중요한 점, ol과 ul태그를 사용할 땐 자식 태그인 li 태그를 함께 사용해야한다. 즉, 부모 태그인 ol, ul를 통해 순서의 유무를 정해주고, 해당 태그 안에 li 태그를 넣음으로써 목록을 작성하는 것이다.

    <ul>
      <li>순서 없는 목록1</li>
      <li>순서 없는 목록2</li>
      <li>순서 없는 목록3</li>
    </ul>

• 순서 없는 목록1
• 순서 없는 목록2
• 순서 없는 목록3

    <ol>
      <li>순서 있는 목록1</li>
      <li>순서 있는 목록2</li>
      <li>순서 있는 목록3</li>
    </ol>

1. 순서 있는 목록1
2. 순서 있는 목록2
3. 순서 있는 목록3