프론트엔드/HTML

HTML 목록(List) 태그 완벽 정리: ul, ol 활용법

CYANREDSKY 2025. 9. 17. 10:47

1. 순서 없는 목록 (<ul>)

  • 항목 간 순서가 중요하지 않을 때 사용
  • 기본적으로 ●, ○, ■ 같은 불릿 기호가 표시됨
  •  
<ul>
  <li>첫 번째 항목</li>
  <li>두 번째 항목</li>
  <li>세 번째 항목</li>
</ul>

2. 순서 있는 목록 (<ol>)

  • 항목 간 순서가 중요할 때 사용
  • 기본적으로 숫자(1, 2, 3)로 표시되며, type 속성을 사용하면 로마숫자, 알파벳 등으로 바꿀 수 있음
  • start 속성을 이용해 시작 번호를 지정할 수 있음
  •  
<ol>
  <li>첫 번째 항목</li>
  <li>두 번째 항목</li>
  <li>세 번째 항목</li>
</ol>